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的值：

復(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,迭代的下標(biāo)，從0開始 
//obj,當(dāng)前的對象(HTMLInputElement),可以使用obj.value格式獲取屬性值 
//$(this);當(dāng)前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。

您可能感興趣的文章:

input
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)，下面以一個實例為大家詳細(xì)介紹下具體的實現(xiàn)，感興趣的朋友可以參考下
2013-08-08
webpack寫jquery插件的環(huán)境配置
本篇文章給大家講述了用webpack開發(fā)jquery插件需要的環(huán)境以及配置講解，有需要的讀者們參考下吧。
2017-12-12
jquery插件制作圖片走廊 gallery
本文主要內(nèi)容是講解圖片走廊-gallery的實現(xiàn)代碼，需要的朋友可以參考下
2012-08-08
用jquery實現(xiàn)點擊欄目背景色改變
用jquery如何實現(xiàn)點擊一欄目實現(xiàn)欄目變色，再點擊另一欄目也變色，但原來的變回原色,本文提供解決方法，需要了解的朋友可以參考下
2012-12-12
jquery.uploadifive插件怎么解決上傳限制圖片或文件大小問題
jQuery.uploadifive插件可以很好的解決上傳限制圖片或文件大小問題,具體實例代碼大家參考下本文
2017-05-05
jQuery TextBox自動完成條
剛開始學(xué)jQuery，于是想試試學(xué)習(xí)效果，所以就做了個這個TextBox自動完成條，練習(xí)練習(xí)。請牛人們別笑話。
2009-07-07
jQuery生成asp.net服務(wù)器控件的代碼
jQuery生成asp.net服務(wù)器控件但不幸的是，該服務(wù)器控件依然沒有起作用，還是用隱藏服務(wù)器控件來解決吧
2010-02-02
jquery 通過name快速取值示例
jquery中快速取值的方法有很多，在本文為大家介紹下通過name實現(xiàn)快速取值，感興趣的朋友可以參考下
2014-01-01
JQuery 無廢話系列教程(一) jquery入門 [推薦]
貝殼(就是本文作者了)也屬于剛剛會用點JQuery的那一類型, 在學(xué)習(xí)過程中也遇到挺多問題,特別是在開始入門的時候.一直準(zhǔn)備寫些有關(guān)JQuery的文章,但又恐自己文筆及表達能力有限而"誤人子弟",最終還是鼓起勇氣. 如在文章中有錯誤或者不合適的理解望廣大朋友直接指出批評.
2009-06-06