jQuery控制checkbox全选全不选在火狐浏览器上的问题

Web 开发 > JavaScript
收藏 回复
[问题点数：20分，结帖人cj_cheng]
更多帖子
私信 空间 博客
cj_cheng
等级
本版专家分：10
结帖率 100%
这些代码在IE（我的是IE8）上测试没问题，在火狐（20.0）和谷歌（23.0..）浏览器上前两次可以，再点击就不行了，一直没弄懂是什么原因。有兴趣的一起探讨一下吧
.HTML代码
<html>



<head>

<title>测试</title>

<link type="text/css" href="../css/css.css" rel="stylesheet"/>

<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>

<script type="text/javascript" src="../js/js.js"></script>

</head>



<body class="main">



		<fieldset id="attachments">

			<legend>附件列表</legend>

			

			<br>

			

			<table>

				<thead>

					<tr id="attachmenstTitle">

						<th><input id="chkall" type="checkbox"/></th>

						<th>文件名</th>

						<th>编码</th>

						<th>版本</th>

						<th>状态</th>

					</tr>

				</thead>

				<tbody>

					<tr>

						<td><input name="sub" type="checkbox"/></td>

						<td>施工方案</td>

						<td>JLY-PRJ-FA-001</td>

						<td>1</td>

						<td>发布</td>

					</tr>

					<tr>

						<td><input name="sub" type="checkbox"/></td>

						<td>施工方案</td>

						<td>JLY-PRJ-FA-001</td>

						<td>1</td>

						<td>发布</td>

					</tr>

				</tbody>

				

			</table>

			

			<br>

			

		</fieldset>

</body>

</html>

.jQuery代码
$(document).ready(function(){

	

	//复选框全选/全不选

	$("input[type=checkbox]#chkall").bind("click",function(){

		$("[name=sub]:checkbox").attr("checked", this.checked);

	});

	

});
只看楼主 引用 举报 楼主 收起
展开阅读全文
更多帖子
私信 空间 博客
版主
吉普赛的歌
等级
本版专家分：4697
勋章
Blank
签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
Blank
榜眼 2018年总版新获得的技术专家分排名第二
Blank
进士 2019年总版新获得的技术专家分排名前十
Blank
金牌 2018年10月 总版技术专家分月排行榜第一
2018年9月 总版技术专家分月排行榜第一
2018年8月 总版技术专家分月排行榜第一 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  

<html>  

<head>  

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>  

    <script type="text/javascript">  

        //name 是html表单专用于区别各组 chechbox 的属性， 不要用id(必须唯一)或者其它属性  

        function getValues() {  

            var aV = getCheckboxValues("a");  

            var bV = getCheckboxValues("b");  

            var cV = getCheckboxValues("c");  

  

            var result = "a组选中值: " + (aV=="" ? "未选中任何值" : aV) + "\n" +  

                "b组选中值: " + (bV == "" ? "未选中任何值" : bV) + "\n" +  

                "c组选中值: " + (cV == "" ? "未选中任何值" : cV);  

  

            alert(result);  

        }  

  

        function getCheckboxValues(name) {  

            return $(":checkbox[name="+name+"]:checked").map(function(){    

                return $(this).val();   

            }).get().join(",");  

        }  

  

        function chkAll(obj) {  

            var name = $(obj).attr("name");  

            //也许你觉得我写得太复杂， 但jquery 版本众多， 可以学点东西总是好的  

            //1. jquery 1.6 以上  

            //$(":checkbox[name=" + name.substring(0, 1) + "]").prop("checked", $(obj).prop("checked"));  

            //2. jquery 1.6 以下  

            //$(":checkbox[name=" + name.substring(0, 1) + "]").attr("checked", $(obj).attr("checked"));  

            //3. 通用写法  

            $(":checkbox[name=" + name.substring(0, 1) + "]").each(function () {  

                this.checked = obj.checked;  

            });  

        }  

    </script>  

</head>  

<body>  

    <div >  

        <span>第1组(a)：<input type="checkbox" name="aAll" onclick="chkAll(this)" />全选/全不选</span>  

        <input type="checkbox" name="a" value="a1" checked="checked" />a1  

        <input type="checkbox" name="a" value="a2" checked="checked"  />a2  

        <input type="checkbox" name="a" value="a3" />a3  

        <input type="checkbox" name="a" value="a4" />a4<br />  

  

        <span>第2组(b)：<input type="checkbox" name="bAll" onclick="chkAll(this)" />全选/全不选</span>  

        <input type="checkbox" name="b" value="b1" />b1  

        <input type="checkbox" name="b" value="b2" checked="checked" />b2  

        <input type="checkbox" name="b" value="b3" checked="checked"  />b3  

        <input type="checkbox" name="b" value="b4" />b4<br />  

  

        <span>第3组(c)：<input type="checkbox" name="cAll" onclick="chkAll(this)" />全选/全不选</span>  

        <input type="checkbox" name="c" value="c1" />c1  

        <input type="checkbox" name="c" value="c2" />c2  

        <input type="checkbox" name="c" value="c3" checked="checked" />c3  

        <input type="checkbox" name="c" value="c4" checked="checked"  />c4<br />  

  

        <br />  

        <input type="button" value="查找每组的选中的值" onclick="getValues()" />  

    </div>  

</body>  

</html> 
只看TA 引用 举报 #1得分 15
更多帖子
私信 空间 博客
cj_cheng
等级
本版专家分：10
引用
 //1. jquery 1.6 以上  
            //$(":checkbox[name=" + name.substring(0, 1) + "]").prop("checked", $(obj).prop("checked"));  
            //2. jquery 1.6 以下  
            //$(":checkbox[name=" + name.substring(0, 1) + "]").attr("checked", $(obj).attr("checked"));  


原来是这个问题，谢啦！

可是就是不知道为什么火狐和谷歌浏览器在前两次点击可以？
只看TA 引用 举报 #2得分 0
更多帖子
私信 空间 博客
版主
吉普赛的歌
等级
本版专家分：4697
勋章
Blank
签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
Blank
榜眼 2018年总版新获得的技术专家分排名第二
Blank
进士 2019年总版新获得的技术专家分排名前十
Blank
金牌 2018年10月 总版技术专家分月排行榜第一
2018年9月 总版技术专家分月排行榜第一
2018年8月 总版技术专家分月排行榜第一
不必这么纠结， 人家规定了就是没有办法的事情了。
只看TA 引用 举报 #3得分 0
更多帖子
私信 空间 博客
版主
吉普赛的歌
等级
本版专家分：4697
勋章
Blank
签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
Blank
榜眼 2018年总版新获得的技术专家分排名第二
Blank
进士 2019年总版新获得的技术专家分排名前十
Blank
金牌 2018年10月 总版技术专家分月排行榜第一
2018年9月 总版技术专家分月排行榜第一
2018年8月 总版技术专家分月排行榜第一
哪天你写一个库， 规定人家只能怎么搞， 人家也只能按你的。 
只看TA 引用 举报 #4得分 0
更多帖子
私信 空间 博客
ilove_aspnet
等级
本版专家分：2615




<html>

 

<head>

<title>测试</title>

    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>

     

</head>

 

<body class="main">

 

        <fieldset id="attachments">

            <legend>附件列表</legend>

             

            <br>

             

            <table>

                <thead>

                    <tr id="attachmenstTitle">

                        <th><input id="chkall" type="checkbox"/></th>

                        <th>文件名</th>

                        <th>编码</th>

                        <th>版本</th>

                        <th>状态</th>

                    </tr>

                </thead>

                <tbody>

                    <tr>

                        <td><input name="sub" type="checkbox"/></td>

                        <td>施工方案</td>

                        <td>JLY-PRJ-FA-001</td>

                        <td>1</td>

                        <td>发布</td>

                    </tr>

                    <tr>

                        <td><input name="sub" type="checkbox"/></td>

                        <td>施工方案</td>

                        <td>JLY-PRJ-FA-001</td>

                        <td>1</td>

                        <td>发布</td>

                    </tr>

                </tbody>

                 

            </table>

             

            <br>

            <script>

                $("#chkall").click(function () {

                    if ($(this).attr("checked"))

                        $("table tbody tr").find("input[type='checkbox']").attr("checked", true);

                    else

                        $("table tbody tr").find("input[type='checkbox']").attr("checked", false);

                })



            </script>

        </fieldset>

</body>

</html>
只看TA 引用 举报 #5得分 5
更多帖子
私信 空间 博客
cj_cheng
等级
本版专家分：10
回复：ILOVE_ASPNET

     5楼的兄台，你引用的是1.4版本的jQuery，这个我之前测过了没问题。我现在用的是1.9的,说的是1.9的问题。

回复：yenange 
   前些天有事，忘记打分了，不好意思哈。现在结贴吧        
只看TA 引用 举报 #6得分 0
收起
收藏 回复
cj_cheng

等级：

关注 私信 TA的帖子
MySQL 如何利用一条语句实现类似于if-else条件语句的判断

1、99元以内，提价20% 2、100-999元之间，提价10% 3、1000-1999之间，提价5% 4、其他提价2%  update goods set price = ( case when price between 0 and 99 then price * 1.2 when price between 100

MyBatis-动态SQL的if、choose、when、otherwise、trim、where、set、foreach使用

动态SQL是MyBatis最强大的特性之一。用于实现动态SQL的主要元素如下： 1、if 2、choose、when、otherwise 3、trim、where、set 4、foreach代码示例：1、ifEmpMapper.xml配置 select * fro

sql:sum(if{条件1}(<if>and {条件2}</if>，1，0) )

在t1表type字段=userAppList的类型，如果suspectedApps==null的时候，and 1 =2明显是不成立的，所以返回0，对应的这个channel下面的suspectedApps就等于0，如果传来的suspectedApps是一个集合，那么挨个遍历并且去...

ibatis中if多条件查询以及sql中不等于，等于的用法

1、if多条件满足写法用and拼接&lt;if test="searchText != null and searchText != ''"&gt;2、sql中不等于写法，用&lt;![CDATA[xx &lt;&gt; 3 ]]&gt;这种写法例如字段xx不等于...

关于sql中的if条件判断符 并且和或的表达

今天写sql语句，然后碰到要同时判断两个条件的if语句，瞬间想起c#中肯定是if(id&gt;0&amp;&amp;id&lt;40）和 if(id&gt;0||id&lt;40）等的判断但是sql中这样写很显然会报错，经过查找才知道...

PL/SQL条件控制(IF)操作实例

本部分主要讲解PL/SQL条件控制语句的一下几个：语句描述IF - THEN 语句IF语句关联的条件通过THEN和END IF关键字封闭的语句序列。如果条件为真，则语句被执行，如果条件为假或NULL，则IF语句什么都不做IF-THEN-ELSE ...

SQL Server 学习（2）IF语句、多条件判断(CASE)、删除表中数据（Truncate）、AND 或是 OR 条件链接

一、IF语句 declare @a varchar(20),@b varchar(20); --变量 set @a='1'; --给变量赋值 set @b='1'; if @a=@b begin print('IF语句'); end 或 if (条件)  begin    end else if (条件)  begin  end el

SQLserver多条件查询

SQLserver多条件查询  根据前台用户的选择，去查询数据库。  问题是你不知道用户是否进行了选择，所有选项都可选可不选的，这就需要多条件判断去查询后台的数据。  首先，把它放到前台肯定不...

动态SQL的 if 条件判断

错误方式一： 在mybatis的动态sql语句中使用<if>标签可以判断sql中的条件是否成立。 <select id="getPerson" resultType="com.lzj.bean.Employee"> ...

SQL server where if or 条件判断

fname,remark1from t_base where fparentid='159' or fparentid='169'order by cast(remark1 as int)asc得到的结果为两组数据同时显示，想要达到某种条件下显示其中一个网上较好方法为WHERE IF( `parentID` =1, ...

SQLServer_where添加类似ifelse条件(casewhen)

java if (status!=null &amp;amp;&amp;amp; !status.equals(&... wheresql+=&...AND ISNULL(h.address, '') = 'hangzhou' &... if (status.equals(&...1&... wheresql+=&... and y.is=1

mybatis学习之路----动态sql之if条件判断各种使用方式

点滴记载，点滴进步，愿自己更上一层楼。

SQL中的条件判断函数CASE WHEN,和IF的用法

条件判断函数也成为控制流程函数，根据满足的条件的不同，执行相应的流程。MYSQL中进行条件判断的函数有IF,IFNULL,CASE。本文将分别介绍各个函数的用法。 1、IF( expr , v1 , v2 ) 如果表达式expr的值为TURE,则IF...

SQL 多条件查询

网上有不少人提出过类似的问题：“看到有人写了WHERE 1=1这样的SQL，到底是什么意思？”。其实使用这种用法的开发人员一般都是在使用动态组装的SQL。让我们想像如下的场景：用户要求提供一个灵活的查询界面来根据...

mybatis 拼接sql语句 if test等条件

If test 条件 判断不为空 和空字符串的情况&lt;select id="findActiveBlogWithTitleLike" resultType="Blog"&gt; SELECT * FROM BLOG WHERE state = ‘ACTIVE’ &lt;if test=...

Spark-Sql的UDF功能实际运用、Spark-Sql中使用if返回多条件查询结果、Mysql中case-when多条件查询

项目实战之Spark-Sql的UDF功能实际运用、Spark-Sql中使用if返回多条件查询结果、Mysql中case-when多条件查询 1、Spark-Sql的UDF功能实际运用 通过spark.udf.register("udfName", func) 来进行注册 使用...

mybatis动态sql在and条件中嵌套or条件的写法。

sql如下： select * FROM T_CORRECT_END t  INNER JOIN GET_CHILD_DEPT(579) a  on t.DEPT_PK=a.PK_ID WHERE t.DR = 0 AND a.DR = 0 AND t.VSTATUS >= 1 and (t.XM like '%张%' or t.ZJHM = '张' or t....

SQL多条件查询，模糊查询，模糊多条件查询

查询的where条件可能不止一个，可能没有条件，也有可能至少一个或者多个条件，遇到这种情况，今天看到论坛上有人用C#的 if 语句拼接，这样解决可以是可以，不过显得太过累赘也没有必要，其实，一句固定的 sql 语句...

[oracle]pl/sql --控制语句if..

--pl/sql学习第三章********************************************* --使用... table：emp --控制语句 顺序 判断 循环 --条件分支语句 --1 if .. then end if 单一条件分支 --2 if .. then ..els

SQL语句：where条件后写上1=1是为了什么

SQL语句：where条件后写上1=1是为了什么 String sql="select * from table_name where 1=1"; if( conditon 1) { sql=sql+" and var2=value2"; } if(conditon 2) { sql=sql+" and var3=value3"; } 上述代码是为了...

MyBatis中动态SQL语句完成多条件查询

一看这标题，我都感觉到是mybatis在动态SQL语句中的多条件查询是多么的强大，不仅让我们用SQL语句完成了对数据库的操作；还通过一些条件选择语句让我们SQL的多条件、动态查询更加容易、简洁、直观。 mybatis中用于...

使用SQL语句统计数据时sum和count函数中使用if判断条件

首先举个栗子（不想看的话直接下面看总结）： order_type：订单类型 open_id：用户唯一标识 SELECT  date(create_time) AS '当天...sum函数中使用if判断条件：{ sum( IF (order_type = 0, real_price, 0) ) A...

mybatis xml中的动态sql需要and和or拼接条件判断的写法

通常在java后台或者前端js中多个条件组合判断中使用and或者or 如下 //使用&或者&& | 和|| if（a==1&b==2）｛ ｝ //或者sql文中的and和or select * from emp where empno='7788' and deptno='20' ...

Hive内嵌函数大全：条件判断函数IF,COALESCE,CASE WHEN

1.If函数:if和case差不多，都是处理单个列的查询结果语法: if(boolean testCondition, T valueTrue, T ...否则返回valueFalseOrNull举例：if（条件表达式，结果1，结果2）相当于java中的三目运算符,只是if后面的...

SQL 语句中 where 条件后 写上1=1 是什么意思

这段代码应该是由程序（例如Java）中生成的，where条件中 1＝1 之后的条件是通过 if 块动态变化的。例如:  String sql="select * from table_name where 1=1";  if( conditon 1) {  sql=sql+" ...

16、动态SQL之、<if>条件判断

错误方式一： 在mybatis的动态sql语句中使用标签可以判断sql中的条件是否成立。 select id="getPerson" resultType="com.lzj.bean.Employee"> select * from tbl_employee where if test="id!=null">

SQL中的条件语句WHEN-THEN-ELSE

本篇文章讲述SQL条件语句IF-THEN-ELSE语句，以供参考，如有错误或不当之处还望大神们告知。 数据说明 用户表T_USER结构如下： 字段 类型 长度 主键 为空 id number 6 是 否 姓名 char ...

sql中where加if

SELECT * FROM T_ORD WHERE IF ( xd__T_ORD.LOG_STAT_CD >= 3050.160,-- 条件 LOG_STAT_CD >= 3050.160 -- true AND LOG_STAT_CD <= 3050.220, AND LOG_STAT_CD ...

mybatis 多参数if条件编写

select *where 1=1 <if test = "dr.a>0"> and a>#{dr.a} </if> 这里if判断条件怎么写

微信小程序源码-合集6.rar

微信小程序源码，包含：图片展示、外卖点餐、小工具类、小游戏类、演绎博览、新闻资讯、医疗保健、艺术生活等源码。

相关热词 c# dll str乱码 c# ucs-2 转码 c# 图形按钮 漂亮 c# lic文件 c# 十进制数字转换字母 c#某个变量更改刷新 c#往json里添加数据 c#怎么调用api接口 c# 调用mstsc c#扩展函数