お世話になります。
ある画面に複数ボタンがあって
押されたボタンをdisabledにしたいなと思っています。
ただしどのボタンがおされても同じ関数に飛んでほしいのですが
いまいち解決できません。
<form name="form">
<input type="button" name="syori1" value="ボタン1" onClick="javascript:hogehoge()">
<input type="button" name="syori2" value="ボタン2" onClick="javascript:hogehoge()">
<input type="button" name="syori3" value="ボタン3" onClick="javascript:hogehoge()">
</form
>
とあった場合
function hogehoge(){
document.form.ボタンの名前.disabled=true;
}
としたいのですが
名前の部分は動的に変えることは可能なのでしょうか?
普通に
document.form.syori1.disabled=true;
と書けば簡単なのですが、ボタンの数が決まっていないためボタン名を指定して書くことはできません。
ボタン名は
onClick="javascript:hogehoge(document.form.ボタンの名前.name)"
で、送ることができるのは確認したのですが
hogehoge(ボタンの名前)
の方でどうやってdisabledのところに入れればいいか解りません。
よろしくお願い致します。
No.1ベストアンサー
- 回答日時:
そういう場合は名前じゃなくて、thisというオブジェクトを渡します。
<script language=javascript>
function hogehoge(btn){
btn.disabled=true;
}
</script>
<form name="form">
<input type="button" name="syori1" value="ボタン1" onClick="javascript:hogehoge(this)">
<input type="button" name="syori2" value="ボタン2" onClick="javascript:hogehoge(this)">
<input type="button" name="syori3" value="ボタン3" onClick="javascript:hogehoge(this)">
</form>
お世話になります。
thisを使うことにより解決できました。
ありがとうございました。
thisも一応自分ではやってみたつもりだったのですが
なぜか画面全てがdisabled状態なっしまいまして・・・
どこかタイピングミスがあったようです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- PHP 重複を防ぐ記述について教えて下さい。 3 2023/04/03 14:35
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
shiftキーを押しながらコマンド...
-
disabled プロパティが表示され...
-
confirmのOK・キャンセルを押し...
-
確認ダイアログの出し方(JavaS...
-
submitがおされた同時に JavaSc...
-
jsで質問です。 ボタンが二つ存...
-
Javascriptで二重送信を防止し...
-
onclickをEnterキーでも行いたい
-
フォーム内で記入したクエリ送...
-
ラジオボタンでフォームの送信...
-
ボタン2回押しを無効にしたい
-
onclickで2個指定するには?
-
formで複数のボタンからひとつ...
-
return trueとreturn falseの用...
-
javascriptの値をformのinput h...
-
開いた子ウィンドウにあるボタ...
-
selectのonChangeが動作しません
-
【jQuery】input nameの文字列...
-
中百舌鳥駅と深井駅を入れ替え...
-
ハイパーリンクを別ウインドウ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
disabled プロパティが表示され...
-
フォーム内で記入したクエリ送...
-
VBSでブラウザ上のテキストボッ...
-
ボタンを押すとチェックボック...
-
confirmのOK・キャンセルを押し...
-
ボタン2回押しを無効にしたい
-
onClick="this.form.submit
-
confirm()で表示したダイアログ...
-
submitするとなぜか2度実行する
-
メッセージボックスで「はい」...
-
確認ダイアログの出し方(JavaS...
-
複数のsubmitによって送信する...
-
送信フォームで送信ボタンをお...
-
インラインフレームにボタンク...
-
submitボタンの無効化処理について
-
JavaScriptにおいてPOSTで送信...
-
HTAで、こんなボタンが作りたい。
-
トグルボタンの文字色
-
jQueryで特定のチェックボック...
-
VBScript
おすすめ情報