您的位置:1010cc时时彩经典版 > 1010cc时时彩客户端 > checkbox全选反选实现代码,全不选实现代码小结

checkbox全选反选实现代码,全不选实现代码小结

发布时间:2019-08-14 09:53编辑:1010cc时时彩客户端浏览(60)

    Jq 遍历 全选 全不选 反选,jq全选

    //全选 全不选
     $('#checkAll').click(function () {
            //判断是否被选中
            var bischecked = $('#checkAll').is(':checked');
            var fruit = $('input[name="check"]');
            bischecked ? fruit.attr('checked', true) : fruit.attr('checked', false);
       });
    
    
    //反选   遍历checkbox 如果当前为选中 就设置为 不选中 反之相同
        $("#tabVouchList tr").each(function () {
            if ($("td:eq(0) input[name='check']", $(this)).is(':checked')) {
                $(this).attr('checked', false);
            } else {
                $(this).attr('checked', true);
            }
        });
    

    复制代码 代码如下:

    Index

    复制代码 代码如下:

    <script>

     HTML table

            <table id="tabVouchList">
                <tr>
                    <th>
                        <input type="checkbox" name="checkAll" />
                    </th>
                    <th>
                        行号
                    </th>
                    <th>
                        名称
                    </th>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" name="check" />
                    </td>
                    <td>
                        行号
                    </td>
                    <td>
                        名称
                    </td>
                </tr>
            </table>
    

     

    遍历 全选 全不选 反选,jq全选 //全选 全不选 $('#checkAll').click(function () { //推断是不是被选中 var bischecked = $('#checkAll').is(':checked'); var fruit...

    1:为何要写那一个点子

    //全不选
    function CheckedNo(){
    $(':checkbox').attr('checked','');
    }

    //allow a group selector override option
    var grp_slctr = (settings.groupSelector==null) ? 'input[name=' settings.groupName ']' : settings.groupSelector;

    </script>

    基于我们的见识对先后中一些写法糟糕的地点进行了修改,也是自身水平有限,存在各类思索不到的地点。

    复制代码 代码如下:

    选拔办法:大家先把下边包车型大巴JS保存为有个公文,到时候调用,淡然你也足以直接写在页面内,推荐使用前面一个,方便重用:

    <a href="javascript:;" id="all">全体选项</a><br>
     <a href="javascript:;" id="delAll">打消选用</a><br>
     <a href="javascript:;" id="antiAll">反向接纳</a>     
     <p><input type="checkbox" name="checkbox1">A
     <input type="checkbox" name="checkbox1"> B

       网络达成一句话全选全不选的有繁多,然而好像都忽略了多少个难题,全选的checkbox能够垄断上边的子checkbox,可是下边包车型大巴子checkbox应该也得以调整方面包车型地铁全选,这样就有了作者的这几个法子。

    全选 1 2 3 4

    复制代码 代码如下:

    checkbox全选反选方法,有亟待...

    本文由1010cc时时彩经典版发布于1010cc时时彩客户端,转载请注明出处:checkbox全选反选实现代码,全不选实现代码小结

    关键词: