本文介绍使用jQuery简化网页中复选框的批量操作，包括全选、全不选及反选功能。通过简单的代码实现对页面上所有复选框的状态进行快速切换，提升用户体验。
$(function(){
//全选
$("#btn1").click(function(){
$("input[type='checkbox']").prop("checked", true);
})
//全部取消
$("#btn2").click(function(){
$("input[type='checkbox']").prop("checked", false);
})
//反向选择
$("#btn3").click(function(){
$("input[type='checkbox']").each(function(){
$(this).prop('checked',!$(this).prop('checked'));
});
})
})
//全选
$("#btn1").click(function(){
$("input[type='checkbox']").prop("checked", true);
})
//全部取消
$("#btn2").click(function(){
$("input[type='checkbox']").prop("checked", false);
})
//反向选择
$("#btn3").click(function(){
$("input[type='checkbox']").each(function(){
$(this).prop('checked',!$(this).prop('checked'));
});
})
})
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
