JS实现复选框的全选/全不选

比较简单直接上demo代码

html:

        <table border="1px solid" cellspacing="0px" bordercolor="red" width="500px" align="center" style="text-align: center;">
            <thead>
                <th>点击右侧实现全选/全不选</th>
                <th>
                    <input type="checkbox" name="IsAll" id="IsAll" onclick="isCheck()" />
                </th>
            </thead>
            <tbody>
                <tr>
                    <td>
                        张三
                    </td>
                    <td>
                        <input type="checkbox" name="c1" />
                    </td>
                </tr>
                <tr>
                    <td>
                        李四
                    </td>
                    <td>
                        <input type="checkbox" name="c1" />
                    </td>
                </tr>
            </tbody>
        </table>

JS代码：

    function isCheck(){
                var IsCheck= document.getElementById("IsAll");
                if(IsCheck.checked==false){
                    var groupC= document.getElementsByName("c1");
                    for(var i=0;i<groupC.length;i++){
                        groupC[i].checked=false;
                    }
                }
                if (IsCheck.checked==true) {
                    var groupC= document.getElementsByName("c1");
                    for(var i=0;i<groupC.length;i++){
                        groupC[i].checked=true;
                    }
                }
                }