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,迭代的下標(biāo)，從0開始
//obj,當(dāng)前的對象(HTMLInputElement),可以使用obj.value格式獲取屬性值
//$(this);當(dāng)前jQuery對象,可以使用$(this).val()獲取屬性值
});
//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。
相關(guān)文章
這篇文章主要介紹了jQuery實現(xiàn)菜單式圖片滑動切換效果，主要是依托于jQuery Lightbox插件來實現(xiàn)，非常炫酷，這里推薦給小伙伴們2015-03-03
JQuery居然沒有操作cookie相關(guān)的函數(shù)，搜了下官方有個cookie的插件。2010-04-04
jQuery+css3實現(xiàn)轉(zhuǎn)動的正方形效果(附demo源碼下載)
這篇文章主要介紹了jQuery+css3實現(xiàn)轉(zhuǎn)動的正方形效果,可實現(xiàn)圖片組集體轉(zhuǎn)動的功能,通過jQuery結(jié)合時間函數(shù)定時操作css3屬性實現(xiàn)旋轉(zhuǎn)效果,并附帶demo源碼供讀者下載,需要的朋友可以參考下2016-01-01
正如標(biāo)題所言肯定是js代碼寫錯的問題，經(jīng)檢查，果然發(fā)現(xiàn)問題在此與大家分享下以免有同樣的錯誤發(fā)生2013-09-09
jquery事件機制擴展插件 jquery鼠標(biāo)右鍵事件
jquery其實本身的事件機制就很完善了，包括了單擊，雙擊，鼠標(biāo)移入，鼠標(biāo)移出等。但是卻少了一個做事件。就是鼠標(biāo)右擊事件。當(dāng)然大家也是直接用偵聽鼠標(biāo)按下事件，然后通過if來判斷執(zhí)行相應(yīng)的函數(shù)。造成鼠標(biāo)右擊事件的效果2011-12-12
這篇文章主要介紹了使用jquery.qrcode生成彩色二維碼實例,jquery.qrcode是一個jquery的插件,需要的朋友可以參考下2014-08-08
jquery動態(tài)創(chuàng)建div與input的實例代碼
下面小編就為大家?guī)硪黄猨query動態(tài)創(chuàng)建div與input的實例代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
jQuery使用$.each遍歷json數(shù)組的簡單實現(xiàn)方法
這篇文章主要介紹了jQuery使用$.each遍歷json數(shù)組的簡單實現(xiàn)方法,結(jié)合實例形式分析了each方法遍歷json數(shù)組的實現(xiàn)技巧與相關(guān)注意事項,需要的朋友可以參考下2016-04-04
一個簡單的jQuery計算器實現(xiàn)了連續(xù)計算功能
這篇文章主要介紹了一個簡單的jQuery計算器主要實現(xiàn)了連續(xù)計算功能,需要的朋友可以參考下2014-07-07
這篇文章主要介紹了jQuery實現(xiàn)的頁面詳情展開收起功能,涉及jQuery事件綁定及頁面元素屬性動態(tài)修改相關(guān)操作技巧,需要的朋友可以參考下2018-06-06