对<tr><td>标签里的input 循环取值

需求描述:单击table整行,跳转到具体的信息页面  关键就是获取整行的id,传给后台做查询,返回list

解决思路:用带参数函数传过去id,然后在js的函数中用$("#id").val();或者直接在参数中把想要传递过去的值放到参数中,js中直接就能获取,比前一个方法少了一个专门取值的步骤

代码:

<tr th:each="list : ${list}" th:ondblclick="|clickRow('${list.id}')|">
<td>
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
<input type="checkbox" class="checkboxes" th:value="${list.id}" id="checkId" name="checkId"/> <span></span>
</label>
</td>
<td th:text="${list.dictCode}"></td>
<td th:text="${list.dictName}" th:onclick="|dictDetail('${list.dictName}')|" ></td>
<td>
<div style="display: flex; align-items: center;">
<div>
<img th:src="@{/assets-new/apps/img/bianji.png}"
th:onclick="|goEdit('${list.id}')|" title="编辑"/>
<img th:src="@{/assets-new/apps/img/shanchu.png}"
th:onclick="|deleteBut('${list.id}')|" title="删除"/>
</div>
</div>
</td>
</tr>

总结:这是个小问题,开始的时候比较犹豫,不知道在<tr>标签里写的 id取值能否被读取出来,因为当时认为标签<tr>前边的th:each循环得先跑起来,<td>才能在每一条里取出id,有个先后级别,现在知道了直接在<tr>中取id是可以取到的,不是上下级关系,而是平级关系,才能逐条取出id,后来写上去后执行了一下,发现完全可以。


posted @   ジ绯色月下ぎ  阅读(1752)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
点击右上角即可分享
微信分享提示