jQuery如何判断和设定单选多选是否选中？？

标签：style   使用   java   strong   问题   sp   代码   html   on   

  如何判断HTML中的单选多选是否选中呢？

 这是web编程中最常用的判断，可是前段时间，却遇到了一个很奇怪的问题。

我想很多人会这样判断

 if($("#weixuanzhong").attr("checked")=="checked")//选中时
		 {
		 
		 }

<input type="checkbox" checked="checked" value="male" id="xuanzhong"  />

于是发现了这个属性其实在不同情况下是不同的。

1 HTML中没有checked="checked"这个属性时

例如：

HTML代码

<input type="checkbox"  value="male" id="xuanzhong"  />

  if($("#xuanzhong").prop("checked"))//选中时，为真
		 {
		    alert($("#xuanzhong").prop("checked"));
		 }

HTML代码

<input type="checkbox"  checked="checked" value="male" id="xuanzhong"  />

	 if($("#xuanzhong").attr("checked")=="checked")//不管是否选中，都是真，无法判断
		 {
		     alert($("#xuanzhong").attr("checked"));
		 }
		
		  if($("#xuanzhong").prop("checked"))//选中时，为真
		 {
		    alert($("#xuanzhong").prop("checked"));
		 }

3如何选中多选？

   一般情况下我们都使用 checked="checked"来设定选中项，好像也没问题，但如果是如下的HTML代码，

多选默认选中
<input type="checkbox"  checked="checked" value="male" id="xuanzhong"  />

 $("#xuanzhong").attr("checked", "checked");

<input type="checkbox"   value="male" id="xuanzhong"  />

 $("#xuanzhong").attr("checked", "checked");

但使用$("#xuanzhong").prop("checked",true)不管什么情况都是可以选中的。

 经过测试才发现，之所以自己之前能通过$("#xuanzhong").attr("checked")=="checked"判断多选框是否选中，恰恰是应为HTML中没有checked="checked"，每次都是自己通过$("#xuanzhong").attr("checked", "checked");这种方式设定选中状态的，因此没有出错。

因此判断多选框是否选中应该使用$("#xuanzhong").prop("checked")，而不是$("#xuanzhong").attr("checked")=="checked"，设定选中应该使用$("#xuanzhong").prop("checked",true)，而不是$("#xuanzhong").attr("checked", "checked");，否则稍微不注意就会出错。

经过测试发现单选和多选是一样的，也和HTML中有没有checked="checked"这个有关

jQuery如何判断和设定单选多选是否选中？？

标签：style   使用   java   strong   问题   sp   代码   html   on   

原文地址：http://blog.csdn.net/xuexiaodong009/article/details/39184071