龙空技术网

layui 点击table 选中checkbox

甘道实研 116

前言:

现时大家对“checkbox选中状态”大概比较看重,各位老铁们都想要剖析一些“checkbox选中状态”的相关资讯。那么小编也在网摘上收集了一些关于“checkbox选中状态””的相关内容,希望看官们能喜欢,朋友们一起来了解一下吧!

$(".parent").find(".child") //寻找父节点下的子元素$(".child",".parents")//这两种效果一样
$("table tr").click(function(){  checkbox=$('tr[data-index=' + $(this).attr('data-index') + '] input[type="checkbox"]');  //注意 layui 把table生成了两个, 直接用find 查找只对一个起到了作用  //checkbox=$(this).find("input[type='checkbox']")  checkbox.next().toggleClass('layui-form-checked');  }  

//数据表格加载完成时调用此函数//如果是异步请求数据方式,res即为你接口返回的信息。//如果是直接赋值的方式,res即为:{data: [], count: 99} data为当前页数据、count为数据总长度//设置全部数据到全局变量table_data=res.data; //在缓存中找到id ,然后设置data表格中的选中状态//循环所有数据,找出对应关系,设置checkbox选中状态for(var i=0;i< res.data.length;i++){for (var j = 0; j < ids.length; j++) {//数据id和要勾选的id相同时checkbox选中if(res.data[i].id == ids[j]){//这里才是真正的有效勾选res.data[i]["LAY_CHECKED"]='true';//找到对应数据改变勾选样式,呈现出选中效果var index= res.data[i]['LAY_TABLE_INDEX'];$('.layui-table-fixed-l tr[data-index=' + index + '] input[type="checkbox"]').prop('checked', true);$('.layui-table-fixed-l tr[data-index=' + index + '] input[type="checkbox"]').next().addClass('layui-form-checked');}}}//设置全选checkbox的选中状态,只有改变LAY_CHECKED的值, table.checkStatus才能抓取到选中的状态var checkStatus = table.checkStatus('my-table');if(checkStatus.isAll){$(' .layui-table-header th[data-field="0"] input[type="checkbox"]').prop('checked', true);$('.layui-table-header th[data-field="0"] input[type="checkbox"]').next().addClass('layui-form-checked');}

标签: #checkbox选中状态