データベースから、データを持ってきて、複数のグループに分けてまとめてチェックを入れようとしています。
複数のチェックボックスがある場合はいいのですが、チェックボックスが一つしかない場合に
チェックが入りません。
どの様に変更すれば、一つでもチェックが入るようになるでしょうか?
以下の様なサンプルコードを見ながら、作成しています。
function AllChecked1(){
var check = document.form.a1.checked;
for (var i=0; i<document.form.elements['aa1[]'].length; i++){
document.form.elements['aa1[]'][i].checked = check;
}
}
<form name="form" method="POST" action="select1.php">
<input type="checkbox" name="a1" id="a1" onClick="AllChecked1();" /><label for="a1">
group1 全選択</label>
<input type="checkbox" name="aa1[]" id="aa11" value="1" /><label for="aa11">名前1</label><br />
</form>
よろしくお願いいたします。
No.1ベストアンサー
- 回答日時:
elementsがlengthプロパティを持つかどうかで場合分けを書けばよいでしょう
(lengthを持っていれば配列なのでforで回す、もってなければ単なるオブジェクト)
<script>
function AllChecked1(obj){
var ele = obj.form.elements['aa1[]'];
if(ele.length){
for (var i=0; i<ele.length; i++){
ele[i].checked = obj.checked;
}
}else{
ele.checked = obj.checked;
}
}
</script>
<form>
<input type="checkbox" onclick="AllChecked1(this);">全選択<br>
<input type="checkbox" name="aa1[]" value="1">名前1<br>
</form>
<form>
<input type="checkbox" onclick="AllChecked1(this);">全選択<br>
<input type="checkbox" name="aa1[]" value="1">名前1<br>
<input type="checkbox" name="aa1[]" value="2">名前2<br>
<input type="checkbox" name="aa1[]" value="3">名前3<br>
</form>
ありがとうございました。
一つしか無いのに、配列で扱えるわけありませんよね、
初心者の質問にありがとうございました!
また、機会がありましたらよろしくお願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- PHP PHP MySQLに画像を直接保存 2 2022/06/05 11:50
- PHP PHP MySql 画像を取得 1 2022/06/04 14:05
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
チェックボックスのON/OFFに応...
-
チェックボックスの設定
-
チェックボックスのON/OFFでVal...
-
【jsp/Java】チェックボックス...
-
チェックボックスを使って条件検索
-
チェックボックスが複数ある場...
-
複数のチェックボックス項目が...
-
JSP内で可変するチェックボック...
-
Objective-Cでチェックボックス...
-
javascriptでチェックボックス...
-
背景色を変えて未入力チェック...
-
メールフォームの未入力チェッ...
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
-
submitボタン押下時にPOSTされ...
-
onchangeイベントを強制的に発...
-
大文字か小文字かを判断する方法
-
【jQuery】input nameの文字列...
-
Selectボックスの幅を自動で広...
-
ラジオボタンにタブインデック...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【jsp/Java】チェックボックス...
-
チェックボックスのON/OFFでVal...
-
チェックボックスのON/OFFに応...
-
複数のチェックボックス項目が...
-
checkboxをクリックしてリロー...
-
チェックボックスの設定
-
チェックボックスで指定したも...
-
フォームのチェックボックスの...
-
チェックボックス
-
配列のチェックボックスをjavas...
-
一つのチェックボックスのON/OF...
-
チェックボックスが複数ある場...
-
スクリプト内でチェックボック...
-
特定のID(またはクラス)で括ら...
-
チェックボックスに連動するテ...
-
<input type="checkbox" checke...
-
チェックボックスに全てチェッ...
-
Nameは配列で、チェックされた...
-
EclipseでSpringを使用し、テー...
-
チェックボックスとラジオボタ...
おすすめ情報