当前位置: 首页 > news >正文

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();}});}


http://www.mrgr.cn/news/9621.html

相关文章:

  • docker 容器内文件传到宿主机上
  • Python爬取静态网页技术解析
  • 【SpringBoot + Vue 尚庭公寓实战总结】项目初始化准备(二)
  • react 项目配置别名路径@
  • 【Pyhthon读取 PDF文件表格 ,转为 CSV/TSV/JSON文件】
  • 计算机毕业设计选题推荐-高校学术交流平台-Java/Python项目实战
  • 游戏开发中客户端和服务器逻辑
  • docker安装ES(Elasticsearch)的IK分词器
  • C++概观:并发及实用工具(A Tour of C++: Concurrency and Utilities)
  • 使用git clone --filter=tree:0 代替git clone --depth 1 减轻github网站服务器的负载压力
  • mqtt,aflnet实验,环境ubuntu
  • Python策略模式:灵活应对多变的业务逻辑
  • 虚幻5|制作一个木桩,含血量及伤害数字
  • 产品经理如何提升系统思考能力
  • 云服务器配置Yolov5环境,No module named ‘torch‘, No module named ‘numpy
  • 如何使用ssm实现宠物领养系统+vue
  • 第三十四天学习笔记
  • Python3.11二进制AI项目程序打包为苹果Mac App(DMG)-应用程序pyinstaller制作流程(AppleSilicon)
  • 考研系列-数据结构冲刺课复习笔记(上)
  • 无监督3D场景理解,LLM 在 3D 场景理解中的应用与探索 !