javascript 複数のチェックボックスに一括でチェックを入力する

PHP・MySQL
| | コメント(0) | トラックバック(0)

複数のチェックボックスに対して、一括でチェックを入力するチェックボックス


//一括チェックボックス
<input type="checkbox" name="allchk_0" value="1" onclick="allChk0(this.form.allchk_0)" >
//個別チェックボックス
<input type="checkbox" name="check1[1]" value="1" >
<input type="checkbox" name="check1[2]" value="1" >
<input type="checkbox" name="check1[3]" value="1" >
<input type="checkbox" name="check1[4]" value="1" >
<input type="checkbox" name="check1[5]" value="1" >
<input type="checkbox" name="check1[6]" value="1" >
<input type="checkbox" name="check1[7]" value="1" >
<input type="checkbox" name="check1[8]" value="1" >
<input type="checkbox" name="check1[9]" value="1" >
<input type="checkbox" name="check1[10]" value="1" >
<input type="checkbox" name="check1[11]" value="1" >
<input type="checkbox" name="check1[12]" value="1" >
<input type="checkbox" name="check1[13]" value="1" >
<input type="checkbox" name="check1[14]" value="1" >
<input type="checkbox" name="check1[15]" value="1" >
//一括チェック入力script
<script type="text/javascript"><!--
function allChk0( Obj ) {
flg = Obj.checked;
document.form.elements['check1[1]'].checked = flg;
document.form.elements['check1[2]'].checked = flg;
document.form.elements['check1[3]'].checked = flg;
document.form.elements['check1[4]'].checked = flg;
document.form.elements['check1[5]'].checked = flg;
document.form.elements['check1[6]'].checked = flg;
document.form.elements['check1[7]'].checked = flg;
document.form.elements['check1[8]'].checked = flg;
document.form.elements['check1[9]'].checked = flg;
document.form.elements['check1[10]'].checked = flg;
document.form.elements['check1[11]'].checked = flg;
document.form.elements['check1[12]'].checked = flg;
document.form.elements['check1[13]'].checked = flg;
document.form.elements['check1[14]'].checked = flg;
document.form.elements['check1[15]'].checked = flg;
}
// --></script>

PHPと連携して一括チェックボックスを使う。
<?php
    //配列を定義
    $str_arr = array(1=>'aaa',2=>'bbb',3=>'ccc',4='ddd',5=>'eee');
?>
//一括チェックボックス
<input type="checkbox" name="allchk" value="1" onclick="allChk(this.form.allchk)" />
<?php
//個別チェックボックスを配列より生成
foreach($str_arr as $key => $elemet){
    if($elemnt){
        ?>
        <input type="checkbox" name="check1[<?=key?>]" value="1" />
        <?php
    }
}
?>
<script type="text/javascript"><!--
    function allChk<?=$index?>( Obj ) {
        flg = Obj.checked;
        <?php
        foreach($str_arr as $key => $element){
            if($element){
                ?>
                document.form.elements['check1[<?=$key?>]'].checked = flg; // ON・OFFを切り替え
                <?php
            }
        }
        ?>
    }
// --></script>


【WEB開発】カテゴリ:


【WEB開発】トラックバック(0)

【WEB開発】このブログ記事を参照しているブログ一覧: javascript 複数のチェックボックスに一括でチェックを入力する

【WEB開発】このブログ記事に対するトラックバックURL: http://web.creator-world.net/MT/mt-tb.cgi/81



【WEB開発】コメントする



カスタム検索

ioPLAZA【アイ・オー・データ直販サイト】 ioPLAZA【アイ・オー・データ直販サイト】
あれもこれも標準装備のレンタルサーバ あれもこれも標準装備のレンタルサーバ


Web広告限定ストア(eクーポン)Web広告限定ストア(eクーポン)

問い合わせ

メールフォーム