前端 全选移除监听

 <script>
    $(document).ready(function () {

        //监听移除按钮
        $('.btn-remove').click(function () {
            var id = $(this).closest('tr').data('id')
            swal({
                title: "确认移除?",
                icon: 'warning',
                buttons: ['取消','确定'],
                dangerMode: true
            })
            .then(function (willDo) {
                //点取消,willDo 值为false
                if (!willDo){
                    return;
                }
                axios.delete('cartItems/' + id)
                    .then(function () {
                        location.reload()
                    })
            })
        })

        // 监听 全选/取消全选 单选框的变更事件
        $('#select-all').change(function() {
            // 获取单选框的选中状态
            // prop() 方法可以知道标签中是否包含某个属性,当单选框被勾选时,对应的标签就会新增一个 checked 的属性
            var checked = $(this).prop('checked');
            // 获取所有 name=select 并且不带有 disabled 属性的勾选框
            // 对于已经下架的商品我们不希望对应的勾选框会被选中,因此我们需要加上 :not([disabled]) 这个条件
            $('input[name=select][type=checkbox]:not([disabled])').each(function() {
                // 将其勾选状态设为与目标单选框一致
                $(this).prop('checked', checked);
            });
        });
    })

</script>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容