table模板标签，批量多选失效的问题，tr td结构多选框失效相关问题
2024-05-17 23:48:57
临下班突然来了一个特别着急的BUG。
问题代码如下：
<table class="table table-border table-bordered table-hover table-bg table-sort"><thead><tr class="text-c"><th width="25"><input type="checkbox" name="" value=""></th><th width="30">id</th><th width="30">区域</th><th width="60">小区名称</th><th width="90">标题</th><th width="50">户型</th><th width="30">图片数量</th><th width="60">联系人</th><th width="60">对接人</th><th width="60">对接客服</th><th width="60">视频房源</th><th width="30">审核状态</th><th width="30">身份认证</th><th width="30">房本认证</th><th width="30">浏览量</th><th width="60">售价</th><th width="90">备注</th><th width="90">超市物业</th><th width="100">发布时间</th><th width="100">更新时间</th><th width="60">上次审核时间</th><th width="100">操作</th></tr></thead><tbody><tr class="text-c" th:each="list : ${dataList}"><input type="hidden" th:id="${list.HouseID}" name="cooperation"th:value="${list.isCooperation+ '_' + list.cooperationId}"/><td><input type="checkbox" class="houseId" th:value="${list.HouseID}" name=""/></td><td th:text="${list.HouseID}"></td><td th:text="${list.regionName}"></td><td th:text="${list.subdistrictName}"></td><td><a th:text="${list.Title}"th:href="@{'https://sy.fangxiaoer.com/UHouse/sale/view/'+${list.HouseID}}"target="_blank"></a></td><!--<td th:text="${list.Title}"></td>--><td th:text="${list.room+'室'+list.Hall+'厅'+list.Toilet+'卫'}"></td><td th:text="${list.picCount}"></td><td th:if="${#strings.equals(list.memberType, '2')}" th:text="${list.realName}"></td><td th:if="${#strings.equals(list.memberType, '1')}" th:text="${#lists.size(#strings.listSplit(list.HouseOwner,'|')) le 1?list.HouseOwner:((#strings.listSplit(list.HouseOwner,'|')[0])+(#strings.listSplit(list.HouseOwner,'|')[1] eq '1'?'(先生)':'(女士)')) }"></td><td th:text="${list.joinMember}"></td><td th:text="${list.joinCustomerService}"></td><td th:text="${list.houseVideoStatus eq 3 ? '是' :'否'}"></td><th:block th:if="${list.State eq 3}"><td class="td-status"><span class="label label-success radius">审核通过</span></td></th:block><th:block th:if="${list.State eq 1}"><td class="td-status"><span class="label label-danger radius">未审核</span></td></th:block><th:block th:if="${list.State eq 4}"><td class="td-status"><span class="label label-warning radius">审核未通过</span></td></th:block><th:block th:switch="${list.realEstateStatus}"><td th:case="0" >n/a</td><td th:case="2" >未审核</td><td th:case="5" >未审核</td><td th:case="15">未审核通过</td><td th:case="100">审核通过</td></th:block><th:block th:switch="${list.realEstateStatus}"><td th:case="0" >n/a</td><td th:case="2" >n/a</td><td th:case="5" >未审核</td><td th:case="15">未审核</td><td th:case="100">审核通过</td></th:block><td th:text="${list.TotalVisitedNum}"></td><td th:text="${list.SalePrice + '万元'}"></td><td th:text="${list.Remark}"></td><td th:text="${list.pd}"></td><td th:text="${list.addTimeStr}"></td><td th:text="${list.updateTimeStr}"></td><td th:text="${#strings.isEmpty(list.SchoolAreaMID)? '' : list.SchoolAreaMID +'['+list.MiddleSchoolID+']'}"></td><td class="td-manage"><a data-toggle="tooltip" data-placement="top" title="编辑" href="javascript:;"th:onclick="'javascript:edit(\'编辑\',\''+${list.HouseID}+'\',\'update\')'"class="ml-5" style="text-decoration:none"><i class="Hui-iconfont"></i></a><a data-toggle="tooltip" data-placement="top" title="缩略图" href="javascript:;"th:onclick="'javascript:housePicShow(\'缩略图\',\''+${list.HouseID}+'\')'"class="ml-5" style="text-decoration:none"><i class="Hui-iconfont"></i></a><a data-toggle="tooltip" data-placement="top" title="刷新" href="javascript:;"th:onclick="'javascript:putSaleHouse(\'刷新\',\''+${list.HouseID}+'\',\'refresh\')'"class="ml-5" style="text-decoration:none"><i class="Hui-iconfont"></i></a><th:block th:if="${list.IsDel eq 0}"><a data-toggle="tooltip" data-placement="top" title="删除" href="javascript:;"th:onclick="'javascript:putSaleHouse(\'删除\',\''+${list.HouseID}+'\',\'delete\')'"class="ml-5" style="text-decoration:none"><i class="Hui-iconfont"></i></a></th:block><th:block th:if="${list.IsDel eq 1}"><a data-toggle="tooltip" data-placement="top" title="恢复" href="javascript:;"th:onclick="'javascript:putSaleHouse(\'恢复\',\''+${list.HouseID}+'\',\'recovery\')'"class="ml-5" style="text-decoration:none"><i class="Hui-iconfont"></i></a></th:block><a data-toggle="tooltip" data-placement="top" title="点击状况" href="javascript:;"th:onclick="'javascript:affective(\''+${list.HouseID}+'\')'"class="ml-5" style="text-decoration:none"><i class="Hui-iconfont"></i></a><th:block th:if="${list.IsAdHouse eq 0 or list.IsAdHouse eq null}"><a data-toggle="tooltip" data-placement="top" title="设置专题房源" href="javascript:;"th:onclick="'javascript:setAdHouse(\''+${list.HouseID}+'\',\'1\')'"class="ml-5" style="text-decoration:none"><i class="Hui-iconfont"></i></a></th:block><th:block th:if="${list.IsAdHouse eq 1}"><a data-toggle="tooltip" data-placement="top" title="取消专题房源" href="javascript:;"th:onclick="'javascript:setAdHouse(\''+${list.HouseID}+'\',\'0\')'"class="ml-5" style="text-decoration:none"><i class="Hui-iconfont"></i></a></th:block><th:block th:if="${list.realEstateStatus ge 2}"><a data-toggle="tooltip" data-placement="top" title="真房源审核" href="javascript:;"th:onclick="'javascript:checkRealHouse(\''+${list.HouseID}+'\',\'0\')'"class="ml-5" style="text-decoration:none"><i class="Hui-iconfont"></i></a></th:block></td></tr></tbody></table>出现的问题最终定位在正常的tr td结构中被插入了一个<input type="hidden">标签，这个虽然在明面出现不了任何问题，但是会造成批量选择按钮失效
这种情况下，解决问题的方式就是把input挪到第一个td的下面，或者挪到所有的td后面，这样他就不会打扰tr 对第一个td多选框的批量选择操作了。
以上，问题完美解决
table模板标签，批量多选失效的问题，tr td结构多选框失效相关问题相关推荐
- dede织梦内容管理系统模板标签代码参考
◆织梦内容管理系统模板标签代码参考 [Arclist 标记] 这个标记是DedeCms最常用的一个标记,也叫自由列表标记,其中 hotart.coolart.likeart.artlist.imgli ...
- [DeDe] - 织梦内容管理系统模板标签代码参考
来源:http://www.dedecms.com/archives/templethelp/help/taghelp.htm ◆织梦内容管理系统模板标签代码参考 [Arclist 标记] 这个标记 ...
- Jquery 实现动态加入table tr 和删除tr 以及checkbox的全选 和 获取加入TR删除TR后的数据...
关于jquery实现动态加入table tr的问题我也不多说了 上面代码非常多地方都有凝视的 关于返回的 编辑后的table 数据 我这里想说的是我直接把他保存成一个连接起来的字符串了 格式 str= ...
- 06 - table表格标签+ 行合并+列合并
1.table 表格标签属性 在小程序中查看 cellspacing="0" 表格边框合并: 表格:table 行:tr 列:td 属性: ...
- Html前端基础（select下拉选标签、table表格标签）
文章目录 一.select 下拉选标签 二.table表格标签 三.练习代码 继续前两篇的Html前端基础的内容,本文主要关于 <select>下拉选标签和 <table>表格 ...
- 模板标签及模板的继承与引用
1.常用的模板标签 - 作用是什么:提供各种逻辑 view.py: def index(request): #模板标签 --常用标签 总结:语法 {% tag %} {% endtag %} {% t ...
- template标签_Django实战: 利用自定义模板标签实现仿CSDN博客月度归档
应网友慕之岩的请求,现提供下Django项目中如何使用自定义标签实现仿CSDN博客的月度归档(如下图所示).要求按月统计每个月发表的博文篇数, 跳过空白月份,最后结果按发布时间逆序排列.点击每个月份可 ...
- ECMall2.x模板制作入门系列之2（模板标签/语法）
ECMall2.x模板制作入门系列之2(模板标签/语法)今天给大家带来一个模板语法的教程.希望能为ECMall模板制作者提供一份参考资料.如有问题.建议和意见,欢迎提出.在ECMall模板中,用&qu ...
- Django视图层：URL的反向解析（主路由include之namespace，子路由之name，模板标签{%url%}，视图reverse()函数，反向解析示例，URL命名空间
一.视图层The view layer Django 具有 "视图" 的概念,负责处理用户的请求并返回响应. 二.URL反向解析Reverse resolution of URLs ...
- 20190325 Django自定义过滤器和自定义模板标签
代码布局(死去活来) 自定义要先解决几个问题: 1). 在哪里定义,要将代码写在哪里? app目录下的名为templatetags的文件夹,必须叫这个名字.这个文件夹必须是一个python的包(pyt ...
最新文章
- 区块链技术背后的运行逻辑
- 资源 | 深度学习课程入门与介绍
- linux网络编程之用多线程实现客户端到服务端的通信（基于udp）
- 「深入浅出」主流前端框架更新批处理方式
- STM32L0 读取芯片温度与当前供电电压 STM32L051C8T6
- javascript打印1-100内的质数
- 实验3.3 设计一个用于人事管理的People（人员）类
- OSPF不规则区域，远离Area 0的区域连通性解决方案
- C++ 继承语法及修饰符
- Linux面试题总结（2022最新版）
- 【Jsp】第七课 Jsp内置对象的学习和使用
- 鼠标经过变成小手/箭头
- java格林尼治时间_Java日期时间使用总结
- Mybatis|CURD|配置详解|注解开发|多点查询|动态sql|缓存
- 问题记录：node.js连接数据库出现两个问题getaddrinfo ENOTFOUND locahost；Client does not support authentication protoco
- 古琴销售怎么做阳php学,古琴斫琴要领
- （shell批量版）二进制高可用安装k8s集群v1.23.5版本，搭配containerd容器运行时
- 数据分析入门书籍整理
- 进程、线程、协程和管程
- 华为、苹果，为何“盯”上二手机？