点击tr中的全选使tr中的所有checkbox全选上

最新推荐文章于 2022-02-26 14:43:53 发布

转载最新推荐文章于 2022-02-26 14:43:53 发布 · 353 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/659230/blog/99931

文章标签：

#python

本文详细介绍了如何使用JavaScript实现表格数据的全选按钮功能，包括两种不同的方法及其背后的逻辑，旨在帮助开发者理解并应用到实际项目中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

页面的代码如下：

<table cellpadding="0" cellspacing="0" id="viewTable" class="tablesorter">
    <thead>
     <tr>
     <th width="10%"><fmt:message key="projectmember.department.title"/></th>
     <th width="85%"><fmt:message key="projectmember.userid.title"/></th>
     <th width="5%"><fmt:message key="operation"/></th>
     </tr>
    </thead>
    <tbody>
     <c:forEach items="${departments}" var="current" varStatus="i">
      <c:choose>
       <c:when test="${(i.count) % 2 == 0}">
           <c:set var="rowclass" value="rowtwo"/>
       </c:when>
       <c:otherwise>
           <c:set var="rowclass" value="rowone"/>
       </c:otherwise>
      </c:choose>
     <tr class="${rowclass}">
      <td>
       ${current.name}
       
      </td>
      <td id="one${current.id}">
         <c:forEach items="${current.users}" var="user" varStatus="j">
          <form:checkbox path="userName" value="${user.id}" />${user.cname} 
         </c:forEach>
      </td>
      <td>
      <input type="button" onclick="test('${current.id}');" value="全选"/>
      </td>
     </tr>
     </c:forEach>
    </tbody>
   </table>