这个是在jQuery1.6版本号之后出现的鬼东西。受影响的主要有下拉列表select与复选框checkbox。众所周知。在jQuery中能够用attr()取出节点的属性，然而对于checkbox却不是这样了，比方我要取出其是否被选中的属性checked，attr("checked")去取没有选中的复选框是undefinded的。仅仅能取出被选中复选框的属性。这个问题，导致我在一个条件推断中忙活了比較久的事件。查了一下发现，在jQuery1.6版本号之后，你取复选框有没有被选中，要用prop

举个样例还说明这个问题，例如以下代码。设置两行全然一模一样的东西，两button对一复选框进行操作，一个行内文本，用来显示Jquery的属性，唯一不同的是一个用了attr属性，一个用了prop属性：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

	<head>

		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

		<title>attr与prop</title>

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

	</head>

	<body>

		attr:

		<button id="selected1"/>选中复选框 </button>

		<button id="unselected1"/>不选中复选框 </button>

		<input type="checkbox" id="checkBox1" />

		<span id="tip1"></span><br/>

		prop:

		<button id="selected2"/>选中复选框 </button>

		<button id="unselected2"/>不选中复选框 </button>

		<input type="checkbox" id="checkBox2" />

		<span id="tip2"></span><br/>

	</body>

</html>

<script type="text/javascript">

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

		$("#checkBox1").attr("checked",true);

		$("#tip1").html($("#checkBox1").attr("checked"));

	});

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

		$("#checkBox1").attr("checked",false);

		$("#tip1").html($("#checkBox1").attr("checked"));

	});

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

		$("#checkBox2").prop("checked",true);

		$("#tip2").html($("#checkBox2").prop("checked"));

	});

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

		$("#checkBox2").prop("checked",false);

		$("#tip2").html($("#checkBox2").prop("checked"));

	});

</script>

执行效果却得到例如以下所看到的。极其令人吃惊的是，尽管相同可以改变复选框的值，使用attr方法去操作的复选框的第一行。其值一直没有改变。

不管选中还是没有选中一直是checked的状态，而第二行使用了prop，选中是true，没选中是没有选中的undefinded。这才干真正用于if条件的推断。使用attr取复选框是否被选中，放到if中，仅仅会对头两次选择有效，之后就失效了。因此，以后再jQuery搞复选框，没什么事还是用prop。

jQuery你丫为何各个版本号的代码会不同呢？为何不能像Javascript一样，能取就能改呢？

【jQuery】对于复选框操作的attr与prop的更多相关文章

  1. 【jQuery】复选框的全选、反选，推断哪些复选框被选中

    本文与<[JavaScript]复选框的全选.反选.推断哪些复选框被选中>(点击打开链接)为姊妹篇,把里面内容再与jQuery框架中实现一次,相同做到例如以下的效果: 布局还是相同的布局, ...

  2. 一天搞定jQuery(三)——使用jQuery完成复选框的全选和全不选

    还记得之前我使用JavaScript来实现复选框的全选和全不选效果吗?如果读者初次翻阅本文,可记得看看教你一天玩转JavaScript(七)——使用JavaScript完成复选框的全选和全不选的效果! ...

  3. jQuery取复选框值、下拉列表里面的属性值、取单选按钮的属性值、全选按钮、JSON存储、*去空格

    1.jquery取复选框的值<!--引入jquery包--> <script src="../jquery-1.11.2.min.js"></scri ...

  4. jQuery判断复选框checkbox的选中状态

    通过jQuery设置复选框为选中状态 复选框 <input type="checkbox"/> 错误代码: $("input").attr(&quo ...

  5. jquery实现复选框全选，全不选，反选中的问题

    今天试了一下用jquery选择复选框,本来以为很简单的东西却有bug,于是搜索了一下找到了解决方法. html代码如下(这里没有用任何样式,就没有再放css了): <html> <h ...

  6. jQuery实现复选框的全选、反选、并且根据复选框的<checked属性>控制多个对应div的显示/隐藏

    <!doctype html><html> <head> <meta charset="utf-8"> <title>j ...

  7. jquery判断复选框checkbox是否被选中

    jquery判断复选框checkbox是否被选中 使用is方法 //如果选中返回true //如果未选中返回false .is(':checked');

  8. jquery判断复选框是否选中

    jquery判断复选框是否被选中 $(function(){ $(document).on("click", ".checkbox",function(){ v ...

  9. python之tkinter使用-复选框操作

    # tkinter复选框操作 import tkinter as tk root = tk.Tk() root.title('问卷调查') root.geometry('220x80') # 设置窗口 ...

随机推荐

  1. luogu1775 古代人的难题 打表找规律

    题目大意:给出一正整数k,求满足(x^2-x*y-y^2)^2=1且x,y∈[1,k]且x^2+y^2最大的正整数x,y. 既然x,y的范围给出来了,我们便有了暴力解法.因此,本题最适合打表找规律了! ...

  2. 产生冠军--hdoj

    产生冠军 Time Limit : 1000/1000ms (Java/Other)   Memory Limit : 32768/32768K (Java/Other) Total Submissi ...

  3. [JavaEE] DWR框架简介

    DWR框架简介 DWR框架是一个可以允许你去创建AJAX WEB站点的JAVA开源库.它可以让你在浏览器的JavaScript代码中调用Web服务器的Java代码,就像Java代码在浏览器中一样.DW ...

  4. js设计模式-门面模式

    适用场景:门面模式在DOM脚本编程这种需要对各种不一致的浏览器接口的环境中很常用. 例子:阻止模式事件 var DED = widow.DED || {}; DED.util = { stopProp ...

  5. OpenCV+VS 2015开发环境配置

    最近跑C程序,头文件中用到了OpenCV中的文件,找了很多篇OpenCV+VS的环境配置,发现如下这篇写的最为详细,特转载来自己的博客中留存,并附上原博客地址如下 OpenCV学习笔记(一)——Ope ...

  6. Rsync同步神器

    Rsync清理大批量垃圾数据 在Linux下删除海量文件的情况,需要删除数十万个文件.这个是之前的程序写的日志,增长很快,而且没什么用.这个时候,我们常用的删除命令rm -fr * 就不好用了,因为要 ...

  7. ADODB.RecordSet常用方法查询

    rs = Server.CreateObject("ADODB.RecordSet") rs.Open(sqlStr,conn,1,A) 注:A=1表示读取数据:A=3表示新增.修 ...

  8. Arduino UNO R3

    Arduino 常见型号 当然还有 LilyPad,附图: 最常见的自然是UNO,最新版是第三版R3: 国内也有一些改进的板子.我用的是一般的板子,拿到货也只能默默了. 简介 The Uno is a ...

  9. 数组、ArrayList、HashTable

    相同点:都可以存储一组数据 不同点: 1)数组,必须要先分配空间,存储数据固定 2)ArrayList,存储数据可以自由扩展 3)HashTable与ArrayList一样,但是它是有意义的,键值对形 ...

  10. AI：机器人与关键技术--总是被科普

    AI:机器人与关键技术--总是被科普 原文链接:www.csdn.net/article/2014-04-22/2819430 机器人发展建议: 有需求才有生产,有更高的需求才有发展: 第一条:我们的 ...