ディーゼル DIESEL 財布 メンズ 二つ折り財布 レザー グリーン X03344 P0517 H5429 【コンビニ受取対応商品】【ブランド】

レイバン サングラス テック ライトフォース Ray-Ban RB4215F 61618G 57サイズレイバン RAYBAN TECH LITEFORCE 6161/8G フルフィット メンズ レディース

TOP > JavaScript > サンプルコード

複数のチェックボックスを同時にチェックする 全選択チェックボックス

複数のチェックボックスを同時にON/OFFする方法です。

チェックされるチェックボックスのname属性がそれぞれ違う場合
チェックされるチェックボックスのname属性が値指定の配列の場合
チェックされるチェックボックスのname属性が全て同じ場合
チェックされるチェックボックスのname属性が空配列の場合

サンプル

全選択

ジョンストンズ マフラーJohnstons チェック柄 大判ストール カシミヤ100% WA000056【1285/1286/1287】【送料無料】

ディーゼル DIESEL 財布 メンズ 二つ折り財布 レザー グリーン X03344 P0517 H5429 【コンビニ受取対応商品】【ブランド】【セール登場から人気沸騰】

<form name="form" method="GET">
<input type="checkbox" name="aaa" /> 全選択
<input type="checkbox" name="bbb1" />
<input type="checkbox" name="bbb2" />
<input type="checkbox" name="bbb3" />
</form>
<script language="JavaScript" type="text/javascript">
<!--
function AllChecked(){
 var check = document.form.aaa.checked;
 document.form.elements['bbb1'].checked = check;
 document.form.elements['bbb2'].checked = check;
 document.form.elements['bbb3'].checked = check;
}
//-->
</script>
CUTRATE[カットレイト] メッセージキャップ/BLACK

チェックされるチェックボックスのname属性が値指定の配列の場合

<form name="form" method="GET">
<input type="checkbox" name="aaa" /> 全選択
<input type="checkbox" name="bbb[0]" />
<input type="checkbox" name="bbb[1]" />
<input type="checkbox" name="bbb[2]" />
</form>
<script language="JavaScript" type="text/javascript">
<!--
function AllChecked(){
 var check = document.form.aaa.checked;
 document.form.elements['bbb[0]'].checked = check;
 document.form.elements['bbb[1]'].checked = check;
 document.form.elements['bbb[2]'].checked = check;
}
//-->
</script>
Top of the World Auburn Tigers Black Outlander Trucker Adjustable Hat メンズ 男性 アクセサリー (手袋 帽子) 帽子 キャップ

チェックされるチェックボックスのname属性が全て同じ場合

<form name="form" method="GET">
<input type="checkbox" name="aaa" /> 全選択
<input type="checkbox" name="bbb" />
<input type="checkbox" name="bbb" />
<input type="checkbox" name="bbb" />
</form>
<script language="JavaScript" type="text/javascript">
<!--
function AllChecked(){
 var check = document.form.aaa.checked;
 for (var i=0; i<document.form.bbb.length; i++){
 document.form.bbb[i].checked = check;
 }
}
//-->
</script>

ループしない場合は

document.form.bbb[0].checked = check;
document.form.bbb[1].checked = check;
document.form.bbb[2].checked = check;

チェックされるチェックボックスのname属性が空配列の場合

<form name="form" method="GET">
<input type="checkbox" name="aaa" /> 全選択
<input type="checkbox" name="bbb[]" />
<input type="checkbox" name="bbb[]" />
<input type="checkbox" name="bbb[]" />
</form>
<script language="JavaScript" type="text/javascript">
<!--
function AllChecked(){
 var check = document.form.aaa.checked;
 for (var i=0; i<document.form.elements['bbb[]'].length; i++){
 document.form.elements['bbb[]'][i].checked = check;
 }
}
//-->
</script>

ループしない場合は

document.form.elements['bbb[]'][0].checked = check;
document.form.elements['bbb[]'][1].checked = check;
document.form.elements['bbb[]'][2].checked = check;

スポンサーリンク

コメント

【新発売】ディーゼル DIESEL 財布 メンズ 二つ折り財布 レザー グリーン X03344 P0517 H5429 【コンビニ受取対応商品】【ブランド】

スポンサーリンク

リンク

メニュー

コメント

タイトルの一覧

投稿の一覧

お問い合わせ

お問い合わせ

@pentan_info からのツイート

このページはリンクフリーです。ご自身のパソコンの設定・操作などは自己責任でお願します。|Linux|雑学|ラーメン|8枠.com|IPくん.com

Copyright ©ディーゼル DIESEL 財布 メンズ 二つ折り財布 レザー グリーン X03344 P0517 H5429 【コンビニ受取対応商品】【ブランド】 All Rights Reserved.ディーゼル DIESEL 財布 メンズ 二つ折り財布 レザー グリーン X03344 P0517 H5429 【コンビニ受取対応商品】【ブランド】 All Rights Reserved.ディーゼル DIESEL 財布 メンズ 二つ折り財布 レザー グリーン X03344 P0517 H5429 【コンビニ受取対応商品】【ブランド】 All Rights Reserved. ぺんたん

画像の保存やメール転送を制限する方法

{yahoojp}nice-top12-wl-zd-3778