基于JQuery写的表单中checkbox全选

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/fengqiyuanluo/article/details/79963057

关键代码

HTML


<table id="table">
    <thead>
        <th><input class="group-checkable" type="checkbox" data-set="#table .checkboxes"/></th>
    </thead>
    <tbody>
        <tr><td><input class="checkboxes" type="checkbox"/></td></tr>
        <tr><td><input class="checkboxes" type="checkbox"/></td></tr>
        <tr><td><input class="checkboxes" type="checkbox"/></td></tr>
    </tbody>
</table>

JavaScript


$(function(){
    $('#table').find('.group-checkable').change(function(){
        var set = $(this).attr('data-set');
        var checked = $(this).is(':checked');
        $('set').each(function(){
            if(checked){
                $(this).prop('checked', true);
            } else {
                $(this).prop('checked', false);
            }
        })
    })
})

阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页