注：本文來源於《 利用jquery操作Radio方法小結 》
利用jquery操作Radio方法小結
用Radio來實現用戶的選擇效果，在項目中積累了一些利用JQUERY來操作Radio的方法，這里與大家分享下
在開發中經常會用到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);
jquery單選框radio綁定click事件實現方法
注：本段內容來源於：《jquery單選框radio綁定click事件實現方法》
這篇文章主要介紹了jquery單選框radio綁定click事件實現方法,可實現針對單選框radio值的改變作出響應,非常具有實用價值,需要的朋友可以參考下;
本文實例講述了jquery單選框radio綁定click事件實現方法。分享給大家供大家參考。
具體實現方法如下：
<html> <head> <title>單選框radio綁定click事件</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <script type="text/javascript" src="jquery-1.8.2.min.js"></script> <script type="text/javascript"> $(function(){ $(":radio").click(function(){ alert("您是..." + $(this).val()); }); }); </script> <style type="text/css"> h5{color:blue;} textarea{resize:none;} #word{color:red;} </style> </head> <body> <h5>單選框 radio 綁定 click 事件</h5> <form action="" method=""> <input type="radio" name="gender" value="男性">男性 <input type="radio" name="gender" value="女性">女性 <input type="radio" name="gender" value="春哥">春哥 </form> </body> </html>