黑马程序员技术交流社区

标题: 单全选按钮的切换 [打印本页]

---

作者: 石高攀    时间: 2019-6-6 08:56
标题: 单全选按钮的切换
checkall是全选按钮，j-CheckBox是单选按钮，用jq的方法来做，可以应用到购物车等
//上面的全选控制下面的小按钮
    $('.checkall').change(function() {
        var a = $(this).prop('checked');
        $('.j-checkbox,.checkall').prop('checked', a);
    });
    //下面的控制上面的全选，每选中一次，就判断个数
    $('.j-checkbox').change(function() {
        if ($('.j-checkbox:checked').length == $(".j-checkbox").length) { //注意判断选中状态个数的方法
            $('.checkall').prop('checked', true);
        } else {
            $('.checkall').prop('checked', false);
        }
    })

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2