Nameは配列で、チェックされた箇所を特定したい。

解決済

質問者：noname#107872
質問日時：2007/03/23 15:11
回答数：5件

こんにちは。

下記のように、nameを配列に設定してるCheckBoxについて、
func()内で、チェックされたCheckBoxを特定するには
どうすればよいでしょうか？

チェック済みのCheckBoxではなく、
func()を起動させた、チェック、チェック解除箇所です。

チェックする度、解除する度、変るはずです。

<input type="checkbox" name="arr[]" onClick="func()">
<input type="checkbox" name="arr[]" onClick="func()">
<input type="checkbox" name="arr[]" onClick="func()">
<input type="checkbox" name="arr[]" onClick="func()">

通報する

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

質問の本文を隠す

回答 (5件)

No.5

回答者： taloo
回答日時：2007/03/23 22:29

別解として（めんどくさい方法）idを指定してそこから取り出す。

（数字だけのIDは指定出来ません。アルファベットなどと組み合わせてください）

<input type="checkbox" name="arr[]" id="arr1" value="check1" onlick="func(this);">
<input type="checkbox" name="arr[]" id="arr2" value="box1" onlick="func(this);">

func(element){
var num=element.id.substr(3,element.id.length);
alert(num);
}

あらかじめJSONオブジェクトを作っておくと（valueから判断する場合）
var chklist={'check1':1,'box1':2};
func(element){
var num=chklist[element.value];
alert(num);
}

普通はANo.4のようにループさせて引数と同じオブジェクトかどうかを判断すると思います。

蛇足ながら<a>のname属性と混同される方も多いので、
<input>のname属性はHTML4.01、XHTML1.0、XHTML1.1ともsubmitとresetをのぞき必須（required）、submitとresetは任意
idに使用出来ない文字でもnameに使用出来る文字であれば、nameに指定することが出来ます
> DTDより、INPUTに関する部分
> 
自分でも必須というのは今になって初めて知りました。。。

- 0
- 件

通報する

No.4ベストアンサー

回答者： venzou
回答日時：2007/03/23 16:58

>arr[]の何番目かというのは判らないのでしょうか？

<html>
<head>
<script language="JavaScript"></script>

</head>
<body>
<form>
<input type="checkbox" name="arr[]" onClick="func(this)">
<input type="checkbox" name="arr[]" onClick="func(this)">
<input type="checkbox" name="arr[]" onClick="func(this)">
<input type="checkbox" name="arr[]" onClick="func(this)">
</form>
</body>
</html>

この方法が正しいのかちょっと自信はありませんが、Windowsの IE6 Opera9 FireFox2 で動作確認しました。

- 0
- 件

通報する

No.3

回答者： PED02744
回答日時：2007/03/23 15:25

1.name属性は推奨されません。

id属性を使います。
　name属性はXHTML1.1で廃止されています。
　HTML4.0なら問題ないですが、id属性も併用するほうがよろしいでしょう。
2.id(name)属性で使える文字は、[a-zA-Z]、[0-9]、ハイフン(-)、アンダーライン(_)、コロン(:)、ピリオド(.)
　だけなので、"[]"を使ってはいけません。
　IDは普通の名前にして、onClickでfunc(this)などとして、JavaScript上でチェック対象をチェック
　すると思います。

- 0
- 件

通報する

No.2

回答者： venzou
回答日時：2007/03/23 15:24

関数を呼び出すときにthisを引数で渡します。

サンプル
<html>
<head>
<script language="JavaScript"></script>
</head>
<body>
<form>
<input type="checkbox" name="arr[]" onClick="func(this)">
<input type="checkbox" name="arr[]" onClick="func(this)">
<input type="checkbox" name="arr[]" onClick="func(this)">
<input type="checkbox" name="arr[]" onClick="func(this)">
</form>
</body>
</html>