layui中table表格下checkbox保存状态赋值checkbox与禁止使用表头多选

layui中table表格下checkbox保存状态赋值checkbox与禁止使用表头多选_第1张图片

保存状态赋值

var checkedSet = new Set();

table.on('checkbox(dataguid1Table)', function(obj){
                      console.log(obj.checked); //当前是否选中状态
                      console.log(obj.data); //选中行的相关数据
                      console.log(obj.type); //如果触发的是全选,则为:all,如果触发的是单选,则为:one
     //选中时加入set 否则移除
                          if(obj.checked){
                              checkedSet.add(obj.data.uuid);
                          }else{
                              checkedSet.delete(obj.data.uuid)
                          }
                      console.log(checkedSet);
                    });

parseData: function(res){ //res 即为原始返回的数据
                            for(var i in res.rows){
                                if(checkedSet.has(res.rows[i].uuid)){
                                    //如果set集合中有的话,给rows添加check属性选中
                                    res.rows[i]["LAY_CHECKED"] = true;
                                }
                            }
                            return {
                                "code": res.status, //解析接口状态
                                "count": res.total, //解析数据长度
                                "data": res.rows //解析数据列表
                              };    
                            }  

禁止使用表头多选

layui中table表格下checkbox保存状态赋值checkbox与禁止使用表头多选_第2张图片

 $('th[data-field='+0+'] input[type="checkbox"]').prop('disabled',true);

你可能感兴趣的:(html日常问题)