近日在项目维护中,前端页面涉及到了复选框,于是记录一下如何使用 jQuery 实现 CheckBox 的全选和反选。

1、checkBox

<input type='checkbox' onclick='checkAll(this)' />
<input type='checkbox' name='expense_cate' value='' />;

2、javascript 部分

//全选和反选
function checkAll(obj) {
let check_status = obj.checked;
$('[name=expense_cate]:checkbox').each(function(){
this.checked = check_status;
});

}
//选中的复选框值
function get_expense_cate() {
var checkID = [];
$("input[name='expense_cate']:checked").each(function(i){
checkID[i] = $(this).val();
});
return checkID;
}