在開發(fā)中經(jīng)常會(huì)用到Radio來(lái)實(shí)現(xiàn)用戶的選擇效果，我在項(xiàng)目中積累了一些利用JQUERY來(lái)操作Radio的方法，在這里分享一下，供有需要的朋友借鑒。

1、改變r(jià)adio的選擇，觸發(fā)一些效果

復(fù)制代碼 代碼如下:
$("input:radio[name='dialCheckResult']").change(function (){ //撥通
alert(“123”);
});

2、讓頁(yè)面中所有的radio可用。

$("input:radio").attr("disabled",false);

3、讓頁(yè)面中所有的radio不可用。

$("input:radio").attr("disabled","disabled");

4、讓某個(gè)radio置于選中狀態(tài)。

$("input:radio[name='dialCheckResult']").eq(0).attr("checked",true);

5、讓頁(yè)面中“未選中”狀態(tài)的radio不可用。

$("input:radio:not([checked])").attr("disabled","disabled");

6、遍歷選中狀態(tài)的radio，除了某一個(gè)radio之外，其他的“選中”狀態(tài)的radio設(shè)定是“未選中”狀態(tài)。

復(fù)制代碼 代碼如下:
$('input:radio:checked').each(function(i,val){
if(val.name != "dialCheckResult" ){
$("input:radio[name='"+val.name+"']:checked").attr('checked',false);
}
});

7、讓所有“未選中”狀態(tài)的radio不可用。

$("input:radio:not([checked])").attr("disabled","disabled");

8、獲得某個(gè)選中的特定NAME的radio的值。

var dialCheckResult=$("input:radio[name='dialCheckResult']:checked").val() ;

9、讓所有“選中”狀態(tài)的radio置于“未選中”狀態(tài)。

$('input:radio:checked').attr('checked',false);

10、讓頁(yè)面中的radio都置于“選中”狀態(tài)或“未選中”狀態(tài)。

$("input:radio").attr("checked",true);

$("input:radio").attr("checked",false);

JavaScript技術(shù)：利用jquery操作Radio方法小結(jié)，轉(zhuǎn)載需保留來(lái)源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。