お尋ねします。
チェックボックスの全選択/解除について
1画面にチェックボックスのグループが複数(store、item)あります。
下記のソースだと【store】の全選択を押下すると【store】【item】両方とも
全選択状態になります。
【store】の全選択/全解除は【store】のみ
【item】の全選択/全解除は【item】のみにしたいのですが
どのようにするとよろしいのでしょうか?
よろしくお願いします。
<SCRIPT TYPE="text/javascript">
<!--
function allcheck(targetForm,flag){
for(n=0;n<=targetForm.length-1;n++){
if(targetForm.elements[n].type == "checkbox"){
targetForm.elements[n].checked = flag;
}
}
}
-->
</SCRIPT>
<table width="70%" align = "center" cellspacing="0">
<form action="confirm.php" method="post" target="_blank">
<tr>
<td align="center">
<input type="checkbox" name="store[]" value="1" />A店<br/>
<input type="checkbox" name="store[]" value="2" />B店<br/>
<input type="checkbox" name="store[]" value="3" />C店<br/>
<input type="checkbox" name="store[]" value="4" />D店<br/>
<input type="checkbox" name="store[]" value="5" />E店<br/>
<input type="button" value="全選択" onClick="allcheck(this.form,true)"/><br>
<input type="button" value="全解除" onClick="allcheck(this.form,false)"/>
</td>
<td align="center">
<input type="checkbox" name="item[]" value="1" />項目1<br/>
<input type="checkbox" name="item[]" value="2" />項目2<br/>
<input type="checkbox" name="item[]" value="3" />項目3<br/>
<input type="checkbox" name="item[]" value="4" />項目4<br/>
<input type="checkbox" name="item[]" value="5" />項目5<br/>
<input type="button" value="全選択" onClick="allcheck(this.form,true)"/><br>
<input type="button" value="全解除" onClick="allcheck(this.form,false)"/>
</td>
</tr>
<tr align="center">
<td colspan="4">
<input type="submit" name="con" value="確認">
</td>
</tr>
</form>
</table>
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
グルーピングの仕方次第かなぁ・・・
<SCRIPT TYPE="text/javascript">
function allcheck(obj,flag){
var target=obj.parentNode.getElementsByTagName("input");
for(var i=0;i<target.length;i++){
if(target[i].type=="checkbox") target[i].checked=flag;
}
}
</SCRIPT>
<form action="confirm.php" method="post" target="_blank">
<table width="70%" align = "center" cellspacing="0">
<tr>
<td align="center">
<input type="checkbox" name="store[]" value="1" />A店<br/>
<input type="checkbox" name="store[]" value="2" />B店<br/>
<input type="checkbox" name="store[]" value="3" />C店<br/>
<input type="checkbox" name="store[]" value="4" />D店<br/>
<input type="checkbox" name="store[]" value="5" />E店<br/>
<input type="button" value="全選択" onClick="allcheck(this,true)"/><br>
<input type="button" value="全解除" onClick="allcheck(this,false)"/>
</td>
<td align="center">
<input type="checkbox" name="item[]" value="1" />項目1<br/>
<input type="checkbox" name="item[]" value="2" />項目2<br/>
<input type="checkbox" name="item[]" value="3" />項目3<br/>
<input type="checkbox" name="item[]" value="4" />項目4<br/>
<input type="checkbox" name="item[]" value="5" />項目5<br/>
<input type="button" value="全選択" onClick="allcheck(this,true)"/><br>
<input type="button" value="全解除" onClick="allcheck(this,false)"/>
</td>
</tr>
<tr align="center">
<td colspan="4">
<input type="submit" name="con" value="確認">
</td>
</tr>
</table>
</form>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・【お題】絵本のタイトル
- ・【大喜利】世界最古のコンビニについて知ってる事を教えてください【投稿~10/10(木)】
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テキストボックスに初期値を入れる
-
DBの値をチェックボックスに反...
-
<input type="hidden" >で配列...
-
パラメーターを隠す
-
自動のGETパラメータの仕組みに...
-
入力フォーム→確認画面→送信画...
-
PHPで受け取ったパラメータを別...
-
HTMLのリンクをクリックするこ...
-
アップロードの際にファイルパス
-
チェックボックスの内容が送信...
-
HTMLで前の画面に戻る時、入力...
-
smartyでチェックボックスをチ...
-
ラジオボタンのチェックを判定...
-
フォームへの前回入力値をクリ...
-
PHP 掲示板について
-
PHP DBの登録情報をラジオボタ...
-
配列をhiddenで
-
フォーム INPUTの文字化け対策...
-
PHPで画像の渡しが上手く行きま...
-
【PHP】 文字サイズの変更につ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLで前の画面に戻る時、入力...
-
<input type="hidden" >で配列...
-
PHP ボタンが押されたら処理を...
-
フォームへの前回入力値をクリ...
-
検索時の選択内容を保持する方法
-
PHPで画像の渡しが上手く行きま...
-
フォームボタンを押すたびに数...
-
syntax error, unexpected '}' ...
-
フォームでのリセットを使う方法
-
パラメーターを隠す
-
$_SESSIONについて教えて下さい。
-
ラジオボタンをsessionで使いたい
-
画面が更新されてもチェックボ...
-
phpの掲示板で新しい順に表...
-
PHPで、ボタンを押すと同じペー...
-
phpでの複数選択チェックボック...
-
PHPでじゃんけん勝負
-
チェックボックスを使った複数...
-
DBの値をチェックボックスに反...
-
PHPのmysqlに格納したデータの...
おすすめ情報