原生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" οnclick="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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值