`
chinalhkboy
  • 浏览: 18396 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类

Java Web 开发中的“全选”

阅读更多

在信息列表页实现全选功能:
jsp页面:

<input id="selectAll" type="checkbox"/>全选
<s:iterator value="agentInfoList">
    <input type="checkbox"  name="companyid" value="<s:property value="id"/>" id="companyid"/>
    (循环内部的checkbox的值为信息id)
</s:iterator>
<input id="selectAll2" type="checkbox" />全选    

js: ( jquery/jquery-1.2.6.min.js)

$(document).ready(function(){
    $("#selectAll").click(function() {
        if ($(this).attr("checked") == true) { // 全选
            $("#selectAll2").attr("checked",true);
            $("input[@name='companyid']").each(function() {
                $(this).attr("checked", true);
            });
        } else { // 取消全选
            $("#selectAll2").attr("checked",false);
            $("input[@name='companyid']").each(function() {
                  $(this).attr("checked", false);
            });
        }
    });
    $("#selectAll2").click(function() {
        if ($(this).attr("checked") == true) { // 全选
            $("#selectAll").attr("checked",true);
            $("input[@name='companyid']").each(function() {
                $(this).attr("checked", true);
            });
        } else { // 取消全选
            $("#selectAll").attr("checked",false);
            $("input[@name='companyid']").each(function() {
                $(this).attr("checked", false);
            });
        }
    });
});
 

 

 

分享到:
评论

相关推荐

    《JavaWeb程序设计》整体设计.doc

    《Java Web应用开发》课程整体设计 一、课程性质与定位 我院从2003年开始招收软件技术专业学生,2008年被评为学院的特色专业。 (一)课程性质 本课程是软件技术专业的主干课程之一,开设于第二学年第一学期,它的...

    Java Web整合开发王者归来gh786395613.part6.rar

    经典的书籍,文档有目录结构,可以当字典查询,方便学习。...《Java Web整合开发王者归来gh786395613.part1.rar》 ~《Java Web整合开发王者归来gh786395613.part8.rar 》, 前7个都是50M,最后一个文件24.1M。

    Java Web整合开发王者归来gh786395613.part5.rar

    经典的书籍,文档有目录结构,可以当字典查询,方便学习。...《Java Web整合开发王者归来gh786395613.part1.rar》 ~《Java Web整合开发王者归来gh786395613.part8.rar 》, 前7个都是50M,最后一个文件24.1M。

    Java Web整合开发王者归来gh786395613.part7.rar

    经典的书籍,文档有目录结构,可以当字典查询,方便学习。...《Java Web整合开发王者归来gh786395613.part1.rar》 ~《Java Web整合开发王者归来gh786395613.part8.rar 》, 前7个都是50M,最后一个文件24.1M。

    Java Web整合开发王者归来gh786395613.part4.rar

    经典的书籍,文档有目录结构,可以当字典查询,方便学习。...《Java Web整合开发王者归来gh786395613.part1.rar》 ~《Java Web整合开发王者归来gh786395613.part8.rar 》, 前7个都是50M,最后一个文件24.1M。

    Java Web整合开发王者归来gh786395613.part3.rar

    经典的书籍,文档有目录结构,可以当字典查询,方便学习。...《Java Web整合开发王者归来gh786395613.part1.rar》 ~《Java Web整合开发王者归来gh786395613.part8.rar 》, 前7个都是50M,最后一个文件24.1M。

    Java Web整合开发王者归来gh786395613.part8.rar

    经典的书籍,文档有目录结构,可以当字典查询,方便学习。...《Java Web整合开发王者归来gh786395613.part1.rar》 ~《Java Web整合开发王者归来gh786395613.part8.rar 》, 前7个都是50M,最后一个文件24.1M。

    Java Web整合开发王者归来gh786395613.part1.rar

    总共八个文件(带源代码), 《Java Web整合开发王者归来gh786395613.part1.rar》 ~《Java Web整合开发王者归来gh786395613.part8.rar 》,前7个都是50M,最后一个文件24.1M,下完后全选解压合成一个文件夹即有390M的...

    Java Web整合开发王者归来gh786395613.part2.rar

    总共八个文件(带源代码), 《Java Web整合开发王者归来gh786395613.part1.rar》 ~《Java Web整合开发王者归来gh786395613.part8.rar 》,前7个都是50M,最后一个文件24.1M,下完后全选,解压合成一个文件夹即有390M的...

    个人开发中遇到常见问题及解决办法(吐血总结)

    1 JS中Number数值运算不精确的解决办法 ...12 ava web项目中开放一个webservice接口实例 13 js方式实现 系统时间显示 14 js 按Enter健实现搜索 15 多选框批量删除 16 js实现单选全选 17 数据库表数据被误删之后的恢复

    springboot网约车投诉平台(源码+数据库)271611

    删除投诉:弹窗:确定要删除吗(投诉详情、投诉列表里面) (全选删除) 管理员: ①登录:账号、密码 ②查看投诉记录 ③投诉处理(投诉列表):全部、待处理、处理中、已完成(正常办结、违规处理) 日期、投诉...

    javascript 文字上下间隔滚动的代码 符合WEB标准 脚本之家修正版

    符合WEB标准的文字间隔滚动JS代码 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]第二个firefox下运行有些问题。但学习js的朋友可以看下主要是看思路。 JS文字间隔性滚动代码_适合做公告 packer_至强的...

Global site tag (gtag.js) - Google Analytics