文档章节

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

wenwen1
 wenwen1
发布于 2013/01/04 18:09
字数 208
阅读 71
收藏 0

页面的代码如下:

<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}
      &nbsp;
      </td>
      <td id="one${current.id}">      
         <c:forEach items="${current.users}" var="user"  varStatus="j">
          <form:checkbox path="userName" value="${user.id}" />${user.cname}&nbsp;
         </c:forEach>                 
      </td>
      <td>
      <input type="button" onclick="test('${current.id}');" value="全选"/>
      </td>
     </tr>
     </c:forEach>
    </tbody>
   </table>

一种方法是<td>
      <input type="button" onclick="test('${current.id}');" value="全选"/>
      </td>

function test(i) { 
  var str="one"+i;
  $("#"+str+" :"+'input[type=checkbox]').attr("checked",true);
         }

另一种方法是<td>
      <input type="checkbox" onclick="test('${current.id}',this);" /> 全选
      </td>

fufunction test(i,checkbox) { 
  var str="one"+i;
  $("#"+str+" :"+'input[type=checkbox]').prop('checked', $(checkbox).prop('checked'));
         }

 

© 著作权归作者所有

wenwen1
粉丝 1
博文 26
码字总数 9049
作品 0
徐汇
私信 提问
小博老师演示常用JQuery效果 ——复选框全选和反选效果

[理论知识] 我们在实际开发应用程序的过程中,经常会遇到复选框全选和反选的效果需求,本文小博老师就为大家演示一下,如何使用JQuery框架实现复选框全选和反选的效果。 [步骤解读一]界面布局...

博为峰教研组
2016/11/18
39
0
复选框全选操作

` /全选复选框/$("#checkAll").click(function(){if(this.checked){$("table tr td input[type=checkbox]").attr("checked",true);}else{$("table tr td input[type=checkbox]").attr("chec......

ITCHN
2016/12/22
3
0
为什么点击删除无法删除选定的一行

选项 编号 封面 购书人 性别 购书价 1001 李小明 男 35.6元 1002 刘明明 女 37.8元 1003 张小星 女 45.6元 全选

失意的黑荆棘
2015/09/10
125
2
汇总常用的jQuery操作Table tr td方法

1.鼠标移动行变色 方法一:jQuery中的hover(fun(),fun())方法,参数一:第一个方法是添加样式功能,参数二:第二个方法是取消样式功能 $("#table1 tr").hover(function(){ $(this).children...

皮蛋瘦肉粥里没有粥
2015/03/24
94
0
jquery 的过滤器函数怎么写啊?

<%@page language="java" isELIgnored="false" contentType="text/html; charset=utf-8" pageEncoding="UTF-8"%> ${current.name} ${user.cname} 全选 "/> 我想要的效果是点击一个tr后面的全......

wenwen1
2013/01/04
249
1

没有更多内容

加载失败,请刷新页面

加载更多

家庭作业——苗钰婷

2 编写一个程序,发出一声警报,然后打印下面的文本: Startled by the sudden sound, Sally shouted, "By the Great Pumpkin, what was that! #include<stdio.h>int main(){......

OSC_Okruuv
16分钟前
1
0
经典系统设计面试题解析:如何设计TinyURL(一)

原文链接: https://www.educative.io/courses/grokking-the-system-design-interview/m2ygV4E81AR 编者注:本文以一道经典的系统设计面试题:《如何设计TinyURL》的参考答案和解析为例,帮助...

APEMESH
17分钟前
1
0
2.面向对象设计原则(7条)

开闭原则 开闭原则的含义是:当应用的需求改变时,在不修改软件实体的源代码或者二进制代码的前提下,可以扩展模块的功能,使其满足新的需求。 实现方法 可以通过“抽象约束、封装变化”来实...

Eappo_Geng
19分钟前
2
0
8086汇编基础 debug P命令 一步完成loop循环

    IDE : Masm for Windows 集成实验环境 2015     OS : Windows 10 x64 typesetting : Markdown    blog : my.oschina.net/zhichengjiu    gitee : gitee.com/zhichengjiu   ......

志成就
24分钟前
2
0
使用nodeJS实现前端项目自动化之项目构建和文件合并

本文转载于:专业的前端网站➜使用nodeJS实现前端项目自动化之项目构建和文件合并 前面的话   一般地,我们使用构建工具来完成项目的自动化操作。本文主要介绍如何使用nodeJS来实现简单的项...

前端老手
37分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部