简单的实现CheckBox的全选/反选

    <script type="text/javascript">
        function checkForm(elementA,elementB){
            for(i=0;i<elementA.length;i++){
                elementA[i].checked=true;
            }
            if(elementB.checked==false){
                for(j=0;j<elementA.length;j++){
                    elementA[j].checked=false;
                }
            }            
        }
    </script>

<form id="myForm">
    <table>
        <tr><td><input type="checkbox" name="ckvalue" id="delArray" value="111"/>111</td></tr>
        <tr><td><input type="checkbox" name="ckvalue" id="delArray" value="222"/>222</td></tr>
        <tr><td><input type="checkbox" name="ckvalue" id="delArray" value="333"/>333</td></tr>
        <tr><td><input type="checkbox" name="ckvalue" id="delArray" value="444"/>444</td></tr>
        <tr><td><input type="checkbox" name="ckvalue" id="delArray" value="555"/>555</td></tr>
    </table>
        <input type="checkbox" id="checkChose" onclick="checkForm(myForm.delArray,myForm.checkChose)">全选/全否
    </form>

注：

1、myForm.delArray会获取ID和NAME属性都为delArray的Input标签；

2、当列表中的CheckBox只有一个时，myForm.delArray的length会是一个undifine，所以可以特殊处理下，增加一个隐藏层：

<div id="ch">
        <input name="delArray" type="checkbox" class="noborder" value="0">
      </div>
        <!-- 层ch用于放置隐藏的checkbox控件，因为当表单中只是一个checkbox控件时，应用javascript获得其length属性值为undefine -->
    <script language="javascript">ch.style.display="none";</script>

 

转载于:https://my.oschina.net/ducklsl/blog/1550819