zoukankan      html  css  js  c++  java
  • 对<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,后来写上去后执行了一下,发现完全可以。

    
    
  • 相关阅读:
    Linux命令行工具之pidstat命令
    Linux命令行工具之vmstat命令
    进程的状态与转换
    curl常用命令
    Linux常用命令
    TCP TIME_WAIT和CLOSE_WAIT
    OSI参考模型与TCP/IP参考模型与TCP/IP协议栈
    限流算法
    正向代理和反向代理
    oracle全量、增量备份
  • 原文地址:https://www.cnblogs.com/xuchao0506/p/9556571.html
Copyright © 2011-2022 走看看