![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
<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で質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
フォーム内で記入したクエリ送...
-
onClick="this.form.submit
-
ボタンの飛び先を一つにして、...
-
javasciriptで時計を設定した
-
VBSでブラウザ上のテキストボッ...
-
confirmのOK・キャンセルを押し...
-
複数のsubmitによって送信する...
-
登録した後のデータについて
-
ブラウザボタンの「戻る」動き...
-
ボタンが押されると同時にデー...
-
ボタン2回押しを無効にしたい
-
プルダウン 項目が多いので先頭...
-
onchangeイベントを強制的に発...
-
return trueとreturn falseの用...
-
value内に変数を入れたい
-
submitした値を返したい
-
ラジオボタン未チェックの場合...
-
テキストボックスの中身を選択...
-
ラジオボタンにタブインデック...
-
子から親へチェックボックスの...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
フォーム内で記入したクエリ送...
-
VBSでブラウザ上のテキストボッ...
-
ボタン2回押しを無効にしたい
-
ボタンを押すとチェックボック...
-
<form action="#">の意味とは?
-
confirmのOK・キャンセルを押し...
-
jsで質問です。 ボタンが二つ存...
-
submitするとなぜか2度実行する
-
onclickで2個指定するには?
-
sessionの値でボタンを活性・非...
-
onClick="this.form.submit
-
【掲示板の機能】投稿時にサイ...
-
メッセージボックスで「はい」...
-
一つのページで二つのFormを別...
-
VBScript
-
Javascriptで二重送信を防止し...
-
確認ダイアログの出し方(JavaS...
-
ホームページビルダーでメール...
-
HTAで、こんなボタンが作りたい。
-
送信フォームで送信ボタンをお...
おすすめ情報