基于JQuery写的表单中checkbox全选

最新推荐文章于 2020-04-14 14:44:16 发布

我们的时光_

最新推荐文章于 2020-04-14 14:44:16 发布

阅读量542

点赞数

分类专栏：系列-代码段文章标签： JQuery

本文链接：https://blog.csdn.net/fengqiyuanluo/article/details/79963057

版权

系列-代码段专栏收录该内容

1 篇文章 0 订阅

订阅专栏

关键代码

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);
            }
        })
    })
})