jquery input标签中中checkbox全部选中与全部取消

最新推荐文章于 2024-01-15 02:52:58 发布

原创最新推荐文章于 2024-01-15 02:52:58 发布 · 6k 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了一种使用jQuery实现checkbox全选与取消全选的方法。通过监听特定ID的checkbox点击事件，判断其选中状态，进而控制一组checkbox的checked属性。当主checkbox被选中时，所有子checkbox将被选中；反之，所有子checkbox将被取消选中。

checkbox 中 checked属性值 checked 为选中状态默认值为空案例代码如下：

$(function () {
          
            $('#oCheck').click(function () {
            //获取复选框的状态 如果为true 为选中状态，false 为未选中状态
                var is_check = $('#oCheck').is(':checked');
                if (is_check == true) {
                //所有的复选框都选中
                    $('.cks').attr('checked', 'checked');
                }
                else {
                //复选框都不选中
                    $('.cks').attr('checked', '');
                }
            });           
        });