如何根据条件判断是否默认选表表中格前面的复选框
table.render ({
elem:“# userTable”
url:“. ./sysRole/getUserList '
标题:“用户列表”
、页面:真//开启分页
关口:[[
{类型:“复选框”}
,{字段:“用户名”,排序:真的,标题:“用户名称'}
,{字段:“帐户”,排序:真的,标题:“登录账户”}
,{字段:“deleteFlg”排序:真的,标题:“是否启用'}
]]
完成:函数(res,页面,计数){//可以自行添加判断的条件是否选中//这句才是真正选中,通过设置关键字LAY_CHECKED为真正选中,这里只对第一行选中
res.data [0] [“LAY_CHECKED”]=罢嬲摹?//下面三句是通过更改css来实现选中的效果
var指数=res.data [0] [' LAY_TABLE_INDEX '];
$ (' tr[材料指数=' +指数+ ']的输入(type="复选框"])。道具(“检查”,真正的);
$ (' tr[材料指数=' +指数+ ']的输入(type="复选框"]). next () .addClass (“layui-form-checked”);
}
});
checkFuntion()当翻页或加载时判断是否选中复选框,输入第一行禁用,第二行选中,第三行未选中
& lt; script>//存储选中的设备Id
var checkId=[];
& lt;/script>
& lt;表类=" layui-hide " id=" deviceList " lay-filter=癲eviceFilter祝辞& lt;/table>//模板页定义复选框,可以直接写js控制是否选中
& lt;脚本type=" text/html " id=癱heckboxTpl”比;
{{#
函数checkFuntion(进行){
var isTrue=false;
(var指数进行){
如果(指数)==d.id(进行){
isTrue=true;
打破;
}
}
返回isTrue;
};
如果(d.deviceAreaId !=null) {}}
& lt;输入类型=案囱】颉眑ay-skin=俺跫丁奔壑?" https://www.yisu.com/zixun/{{d.id}}”lay-filter=癲eviceIdFilter disabled>”;
{{#}其他{
如果(checkFuntion (checkId)) {}}
& lt;输入类型=案囱】颉眑ay-skin="初级" id=" {{d。id}}”isCheck=" true " value=" https://www.yisu.com/zixun/{{d.id}} deviceIdFilter“lay-filter=checked>
其他{{#}{}}
& lt;输入类型=案囱】颉眑ay-skin="初级" id=" {{d。id}}”isCheck=" false " value=" https://www.yisu.com/zixun/{{d.id}} deviceIdFilter“lay-filter=比;
{{#}}}
{{#}}}
& lt;/script>
table.render ({
elem:“# deviceList”
url:“. ./设备/findALL '//数据接口
标题:“仪表”表
身高:480 px的
,地点:{“gatewaySN”: selectPid,“渠道”:searchId}
、页面:真//开启分页
关口:[[//表头
{字段:“id”,宽度:5%,模板:“# checkboxTpl”,标题:“& lt; div id=" checkAll "οnclick=皊electAll ()”=癴alse”类=發ayui-unselect layui-form-checkbox”lay-skin=爸鳌弊４? lt;我类=發ayui-icon layui-icon-ok”祝辞& lt;/i> & lt;/div> & lt;/div> '}//{字段:“id”,标题:“id”,宽度:“5%”:真的,标题:“id”}
,{字段:“设备名称”,宽度:“25%”:真的,标题:“仪表名称'}
,{字段:“类型”,宽度:“15%”:真的,标题:“仪表类型的}
,{字段:“entryName”,宽度:“15%”:真的,标题:“能耗分项”}
,{字段:“deviceDesc”,宽度:“40%”:真的,标题:“仪表描述的}
]]
完成:函数(res,页面,计数){//每次翻页或者重载时判断是否全选
如果($(“输入[isCheck=" false "]”) . length==0) {
$ (" # checkAll ") .attr(“所有”,“真正的”);
$ (" # checkAll ") .addClass (“layui-form-checked”);
其他}{
$ (" # checkAll ") .attr(“所有”,“假”);
$ (" # checkAll ") .removeClass (“layui-form-checked”);
}
}
});//全选按钮事件
函数selectAll () {
var checkAll=$ (" # checkAll ");
如果(checkAll.attr('所有')==癴alse”) {
console.log($('输入[isCheck=" false "] '));
$('输入[isCheck=" false "])。每个(函数(){
$ (). next () .click ();
});
checkAll。attr(“所有”,“真正的”);
checkAll.addClass (“layui-form-checked”);
}else if (checkAll.attr('所有')==" true ") {
$('输入(isCheck=" true "))。每个(函数(){
$ (). next () .click ();
});
checkAll。attr(“所有”,“假”);
checkAll.removeClass (“layui-form-checked”);
}
}
之前
以上这篇layui默认选表的复选框中复选框方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
