用jq实现全选和行选

Question

点击全选所有的都被选中，点击行的这一行的被选中。layui框架

Answer 1

var falg;
table.on('checkbox(test)',function(obj){
/*判断是否是全选*/
// console.log(obj.type);
/*数据*/
// console.log(obj.data);

if(obj.type=="one"){
// 单选
 let id=obj.data.id;
if(obj.checked){
if($(".check-opt"+id).is(":checked")){
//设置checkbox为不选中状态
 $(".check-opt"+id).prop("checked",false);   
$(".check-opt"+id).next().removeClass('layui-form-checked');
falg=false;
}else{  
        $(".check-opt"+id).prop("checked",true);
$(".check-opt"+id).next().addClass('layui-form-checked');
falg=false;
}
}else{
//设置checkbox为不选中状态
 $(".check-opt"+id).prop("checked",false);   
$(".check-opt"+id).next().removeClass('layui-form-checked');
falg=false;
}
}else{

if (falg){
$('input:checkbox').each(function() {
             $(this).attr('checked', false);
$(this).next().removeClass('layui-form-checked');
           });
falg=false;
        }else{
$('input:checkbox').each(function() {
$(this).attr('checked', true);
$(this).next().addClass('layui-form-checked');
        });
        falg=true;
} }
})

Answer 2

layui有datagrid组件吧，这不需要你自己实现