急いでいます！

formで複数のボタンからひとつでも押されたらすべてのボタンを押せないようにしたい

締切済

質問者：gurun1969
質問日時：2015/12/13 14:33
回答数：2件

初心者です。よろしくお願いします。
formでボタンが３つからひとつを選択したら他を押せないようにしたいです。
ラジオボタンの用な感じなのですが、押すと同時にデータを送信してリロードするまでボタンの機能を停止したいです。
ボタンのタイプはとくにこだわりはありません。

<HTML><BODY>
<form id="ID" action="#" method="post">
<label><input type="submit" name="button" value="button_1">
<img src="images/button_1.png" width="#" height="#" alt="#"></label>
<label><input type="submit" name="button" value="button_2">
<img src="images/button_2.png" width="#" height="#" alt="#"></label>
<label><input type="submit" name="button" value="button_3">
<img src="images/button_3.png" width="#" height="#" alt="#"></label>
</form>
</BODY></HTML>

この中からボタンをひとつ押すと同時に送信して他を押せなくしたいのですが、
onSubmit="return double()　や　onclick="DisableButton(this);"
では他のボタンが押せてしまいます。
全部を<label>で括るとbutton_1だけが有効になって他のボタンが効きません。

初心者で質問が分かりにくいかもしれませんが、よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

最新から表示
回答順に表示

No.2

回答者： yambejp
回答日時：2015/12/14 12:23

ブラウザによってはページを戻るとボタンがdisable状態になってしまいますが

それでOK？

- 0
- 件

通報する

この回答へのお礼

アドバイス有難うございます。
確かに、Firefoxでは効かないのと同一ページに同じ処理を複数しようとすると効かなくなっていしまいます。
困りました・・・

通報する

お礼日時：2015/12/19 10:21

No.1

回答者： siffon9
回答日時：2015/12/13 15:12

以下で如何でしょう。

name = "button"のボタンを全てdisableにします。
-------------------------
<script language="JavaScript">
function disableBtn(){
var elms = document.getElementsByName("button");
for(var e = 0; e < elms.length; e++) {
elms[e].disabled = true;
}
}
</script>

<BODY>
<form id="ID" action="#" method="post">

<label><input type="submit" name="button" value="button_1" onClick="disableBtn()">
<img src="images/button_1.png" width="#" height="#" alt="#"></label>

<label><input type="submit" name="button" value="button_2" onClick="disableBtn()">
<img src="images/button_2.png" width="#" height="#" alt="#"></label>

<label><input type="submit" name="button" value="button_3" onClick="disableBtn()">
<img src="images/button_3.png" width="#" height="#" alt="#"></label>
</form>
</BODY>