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