jQuery操作input type=radio的實現(xiàn)代碼
更新時間：2012年06月14日 23:20:20 作者：
jQuery操作input type=radio的實現(xiàn)代碼，需要的朋友可以參考下
<input type="radio">如下：
<input type="radio" name="city" value="BeiJing">北京
<input type="radio" name="city" value="TianJin">天津
<input type="radio" name="city" value="NanJing">南京
<input type="radio" name="city" value="YangZhou">揚州
<input type="radio" name="city" value="SuZhou">蘇州
1、獲取選中的radio的值：
使用元素選擇器，再使用屬性過濾器name='city'，最后使用:checked選取被選中的元素。
2、給指定值的radio設(shè)置選中狀態(tài)：
給name="city"而且value="YangZhou"的radio設(shè)置選中狀態(tài)。
3、取消name="city"的radio的選中狀態(tài)：
4、獲取name="city"的radio的個數(shù)：
5、獲取name="city"而且索引是偶數(shù)的radio:
索引是從0開始的。
6、獲取name="city"而且索引是奇數(shù)的radio:
索引是從0開始的。
7、迭代radio:
迭代name="city"的radio。
8、禁用radio:
禁用name="city"的radio。
9、啟用radio:
啟用name="city"的radio。
復(fù)制代碼 代碼如下:
<input type="radio" name="city" value="BeiJing">北京
<input type="radio" name="city" value="TianJin">天津
<input type="radio" name="city" value="NanJing">南京
<input type="radio" name="city" value="YangZhou">揚州
<input type="radio" name="city" value="SuZhou">蘇州
1、獲取選中的radio的值：
復(fù)制代碼 代碼如下:
$("input[name='city']:checked").val();
使用元素選擇器，再使用屬性過濾器name='city'，最后使用:checked選取被選中的元素。
2、給指定值的radio設(shè)置選中狀態(tài)：
復(fù)制代碼 代碼如下:
$("input[name='city'][value='YangZhou']").attr("checked",true);
給name="city"而且value="YangZhou"的radio設(shè)置選中狀態(tài)。
3、取消name="city"的radio的選中狀態(tài)：
復(fù)制代碼 代碼如下:
$('input[name="city"]:checked').attr("checked",false);
4、獲取name="city"的radio的個數(shù)：
復(fù)制代碼 代碼如下:
$("input[name='city']").length;
5、獲取name="city"而且索引是偶數(shù)的radio:
復(fù)制代碼 代碼如下:
$("input[name='city']:even");
索引是從0開始的。
6、獲取name="city"而且索引是奇數(shù)的radio:
復(fù)制代碼 代碼如下:
$("input[name='city']:odd");
索引是從0開始的。
7、迭代radio:
復(fù)制代碼 代碼如下:
$("input[name='city']").each(function(i,obj){
//i,迭代的下標，從0開始
//obj,當前的對象(HTMLInputElement),可以使用obj.value格式獲取屬性值
//$(this);當前jQuery對象,可以使用$(this).val()獲取屬性值
});
//i,迭代的下標，從0開始
//obj,當前的對象(HTMLInputElement),可以使用obj.value格式獲取屬性值
//$(this);當前jQuery對象,可以使用$(this).val()獲取屬性值
});
迭代name="city"的radio。
8、禁用radio:
復(fù)制代碼 代碼如下:
$("input[name='city']").attr("disabled",true);
禁用name="city"的radio。
9、啟用radio:
復(fù)制代碼 代碼如下:
$("input[name='city']").attr("disabled",false);
啟用name="city"的radio。
相關(guān)文章
JavaScript中利用jQuery綁定事件的幾種方式小結(jié)
這篇文章主要介紹了JavaScript中利用jQuery綁定事件的幾種方式小結(jié),包括不調(diào)用jQuery的"原生js"實現(xiàn)方式,需要的朋友可以參考下2016-03-03
jQuery Animation實現(xiàn)CSS3動畫示例介紹
jQuery Animation的工作原理是通過將元素的CSS樣式從一個狀態(tài)改變?yōu)榱硪粋€狀態(tài)，下面以一個實例為大家詳細介紹下具體的實現(xiàn)，感興趣的朋友可以參考下2013-08-08
本篇文章給大家講述了用webpack開發(fā)jquery插件需要的環(huán)境以及配置講解，有需要的讀者們參考下吧。2017-12-12
本文主要內(nèi)容是講解圖片走廊-gallery的實現(xiàn)代碼，需要的朋友可以參考下2012-08-08
用jquery如何實現(xiàn)點擊一欄目實現(xiàn)欄目變色，再點擊另一欄目也變色，但原來的變回原色,本文提供解決方法，需要了解的朋友可以參考下2012-12-12
jquery.uploadifive插件怎么解決上傳限制圖片或文件大小問題
jQuery.uploadifive插件可以很好的解決上傳限制圖片或文件大小問題,具體實例代碼大家參考下本文2017-05-05
剛開始學jQuery，于是想試試學習效果，所以就做了個這個TextBox自動完成條，練習練習。請牛人們別笑話。2009-07-07
jQuery生成asp.net服務(wù)器控件 但不幸的是，該服務(wù)器控件依然沒有起作用，還是用隱藏服務(wù)器控件來解決吧2010-02-02
jquery中快速取值的方法有很多，在本文為大家介紹下通過name實現(xiàn)快速取值，感興趣的朋友可以參考下2014-01-01![JQuery 無廢話系列教程(一) jquery入門 [推薦]](http://img.jbzj.com/images/xgimg/bcimg9.png)
JQuery 無廢話系列教程(一) jquery入門 [推薦]
貝殼(就是本文作者了)也屬于剛剛會用點JQuery的那一類型, 在學習過程中也遇到挺多問題,特別是在開始入門的時候.一直準備寫些有關(guān)JQuery的文章,但又恐自己文筆及表達能力有限而"誤人子弟",最終還是鼓起勇氣. 如在文章中有錯誤或者不合適的理解望廣大朋友直接指出批評.2009-06-06