本文主要是介绍layui table表单 checkbox选中一个其它也要选中，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
当我们选中其中一个商品的时候同类型的商品状态也要跟着改变
所以要在表单加载完成后去监听checkbox
,done:function (res) {console.log('详情表格数据',res)tableDetailList = res.data;// 监听表格复选框选择table.on('checkbox(' + INST_SELECTORS.instLayFilters.unpaidTableDetailFilter + ')', function(obj){console.log('复选框',obj)var checked = obj.checked; // 获取当前复选框的选中状态var groupId = obj.data.groupId;//选中的组合idif(checked){ //如果是选中状态tableDetailList.map(function (item,index) {console.log('进来了吧')if(item.groupId == groupId){ //判断是否是同一个组合tableDetailList[index].LAY_CHECKED = true;var checkbox = $(INST_SELECTORS.instIdSelectors.unpaidTableDetailId).next().find('.layui-table-body tr[data-index=' + index + '] input[type="checkbox"]');var $dx =$(checkbox) // 要重新赋值 修改dom元素$dx.prop('checked', true);$dx.next().addClass('layui-form-checked');// 下面这种方式只是样式上有所改变 DOM元素没有放生变化// $(INST_SELECTORS.instIdSelectors.unpaidTableDetailId).next().find('.layui-table-body tr[data-index=' + index + '] input[type="checkbox"]').prop('checked', true);// $(INST_SELECTORS.instIdSelectors.unpaidTableDetailId).next().find('.layui-table-body tr[data-index=' + index + '] input[type="checkbox"]').next().addClass('layui-form-checked');}})// 刷新checkbox的渲染form.render();}else { //如果是取消状态tableDetailList.map(function (item,index) {console.log('进来了吧')if(item.groupId == groupId){tableDetailList[index].LAY_CHECKED = false;var checkbox = $(INST_SELECTORS.instIdSelectors.unpaidTableDetailId).next().find('.layui-table-body tr[data-index=' + index + '] input[type="checkbox"]');var $dx =$(checkbox)$dx.prop('checked', false);$dx.next().removeClass('layui-form-checked');}})// 刷新checkbox的渲染form.render();}});}这篇关于layui table表单 checkbox选中一个其它也要选中的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
