<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辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。