利用jquery操作Radio方法小結_jquery-js教程-PHP中文網

利用jquery操作Radio方法小結_jquery

WBOY

發布： 2016-05-16 16:33:16

原創

1194 人瀏覽過

在開發中經常會用到Radio來實現用戶的選擇效果，我在專案中積累了一些利用JQUERY來操作Radio的方法，在這裡分享一下，供有需要的朋友借鑒。

1、改變radio的選擇，觸發一些效果

複製程式碼程式碼如下:

$("input:radio[name='dialCheckResult']").change(function (){ //撥打

alert(“123”);

});

2、讓頁面中所有的radio可用。

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

3、讓頁中所有的radio不可用。

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

4、讓某個radio置於選取狀態。

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

5、讓頁面中「未選取」狀態的radio不可用。

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

6.遍歷選取狀態的radio，除了某一個radio之外，其他的「選取」狀態的radio設定是「未選取」狀態。

複製程式碼程式碼如下:

$('input:radio:checked').each(function(i,val){

if(val.name != "dialCheckResult" ){

$("input:radio[name='" val.name "']:checked").attr('checked',false);

}

});

7.讓所有「未選取」狀態的radio不可用。

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

8、取得某個選取的特定NAME的radio的值。

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

9、讓所有「選取」狀態的radio置於「未選取」狀態。

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

10、讓頁面中的radio都置於「選取」狀態或「未選取」狀態。

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

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