<html>
<head>
<script Language="JavaScript"><!--
function doSentaku(btn) {
//クリックされたボタンの要素番号が知りたい
alert(btn.name);
}
// --></script>
</head>
<body>
<form name="mainWin">
<input type="button" value="配列ボタンテスト1" name="testbtn" onClick="javaScript:doSentaku(this)"><br>
<input type="button" value="配列ボタンテスト2" name="testbtn" onClick="javaScript:doSentaku(this)"><br>
<input type="button" value="配列ボタンテスト3" name="testbtn" onClick="javaScript:doSentaku(this)"><br>
</form>
</body>
</html>
-----------------------------------------------------------------------------------------
このようなFromがあった場合、nameが同じである時、javaScriptではボタンのElemetは配列扱いになるかと思うのですが、doSentaku関数内ではnameは取得できるとして、クリックされた要素番号は取得できるのでしょうか?
なお、訳ありでdoSentaku関数のボタンonClickの関数引数はすべて同じ定義しかできないものとします。
つまり個々ボタンを識別する値は指定できないと言うことです。
まことに申し訳ありませんが、どうかアドバイスのほどよろしくお願いします。
No.1ベストアンサー
- 回答日時:
質問文の例の場合、btn.valueで、内容からボタンを区別したり、この場合、valueの最後に数値があるので、それを利用する方法もありますが、
var bt = document.mainWin.testbtn
for(var i=0;i<bt.length;i++){
if(btn === bt[i]){
break;
}
}
alert("No."+i);
のようにすれば、配列の添え字を取得できると思います。(0始まりなのに注意)
早速の回答、まことにありがとうございます。
こちらで試しましたところ、思い通りの動作をいたしました。本当に助かりました。
また、機会がありましたら宜しくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ボタン2回押しを無効にしたい
-
確認ダイアログの出し方(JavaS...
-
送信フォームで送信ボタンをお...
-
Javascriptで二重送信を防止し...
-
onclickをEnterキーでも行いたい
-
sessionの値でボタンを活性・非...
-
複数ボタンを制御出来る2度押し...
-
submitするとなぜか2度実行する
-
JavaScriptにおいてPOSTで送信...
-
textボックスに入力されたアド...
-
onClick="this.form.submit
-
ハイパーリンクを別ウインドウ...
-
<input>の選択肢をプルダウンメ...
-
至急!GetElementById でtdの...
-
TextBoxに半角数字以外を入れた...
-
value内に変数を入れたい
-
<JavaScript>tableタグを入力不...
-
プルダウン 項目が多いので先頭...
-
画面表示とともに、テーブルの...
-
プルダウン選択を変更すると、...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
フォーム内で記入したクエリ送...
-
onClick="this.form.submit
-
confirmのOK・キャンセルを押し...
-
ボタン2回押しを無効にしたい
-
onclickで2個指定するには?
-
submitするとなぜか2度実行する
-
VBSでブラウザ上のテキストボッ...
-
onclickをEnterキーでも行いたい
-
ボタンを押すとチェックボック...
-
送信フォームで送信ボタンをお...
-
confirm()で表示したダイアログ...
-
JavaScriptにおいてPOSTで送信...
-
メッセージボックスで「はい」...
-
ボタン無しでフォーム内容送信
-
2度押しを防止したいのですが?
-
sessionの値でボタンを活性・非...
-
formを書き換えて送信する方法
-
同名ボタンのクリック時要素番...
-
javascriptで二重送信防止
-
一つのページで二つのFormを別...
おすすめ情報