原生js写的一个全选,不全选功能。

        <form action="" name="la">
            <table>
                <tr>
                    <td><input type="checkbox" val="1" name="ck"></td>
                    <td>大家好</td>
                </tr>
                <tr>
                    <td><input type="checkbox" val="2" name="ck"></td>
                    <td>非常好呢</td>
                </tr>
                <tr>
                    <td><input type="checkbox" val="3" name="ck"></td>
                    <td>最近你好吗</td>
                </tr>
                <tr>
                    <td><input type="checkbox" val="4" name="ck"></td>
                    <td>哈哈哈哈</td>
                </tr>
                <tr>
                    <label for="cc">
                        <td><input id="cc" type="checkbox" val="5" onclick="selectAll(document.la,this,'ck')"></td>
                        <td>全选/不全选</td>
                    </label>
                </tr>
            </table>
        </form>
        <script>
            function selectAll(arr,obj,id){
                for(var i = 0; i < arr.length ; i++){ //遍历form表单里所有的input标签数
                    if(arr[i].name.indexOf(id) >= 0){ //判断input标签上的name属性值是否是我们指定的值
                        if(obj.checked){ //判断触发该方法的dom是否有选中属性
                            arr[i].checked = true;  //有选中,则所有的input标签都为选中状态
                        }else{
                            arr[i].checked = false; //没有则,全部改为未选中状态
                        }
                    }    
                }
            }
        </script>

猜你喜欢

转载自blog.csdn.net/fishegg07/article/details/89430277
今日推荐