利用jquery操做Radio方法小結

時間 2020-05-05

標籤利用 jquery radio 方法小結欄目 JQuery 简体版

原文原文鏈接

注：本文來源於《 利用jquery操做Radio方法小結 》javascript

利用jquery操做Radio方法小結

用Radio來實現用戶的選擇效果，在項目中積累了一些利用JQUERY來操做Radio的方法，這裏與你們分享下css

在開發中常常會用到Radio來實現用戶的選擇效果，我在項目中積累了一些利用JQUERY來操做Radio的方法，在這裏分享一下，供有須要的朋友借鑑。html

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

複製代碼代碼以下:

 
$("input:radio[name='dialCheckResult']").change(function (){ //撥通 
 
alert(「123」); 
 
});

二、讓頁面中全部的radio可用。

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

三、讓頁面中全部的radio不可用。

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

四、讓某個radio置於選中狀態。

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

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

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

六、遍歷選中狀態的radio，除了某一個radio以外，其餘的「選中」狀態的radio設定是「未選中」狀態。

$('input:radio:checked').each(function(i,val){
if(val.name != "dialCheckResult" ){
$("input:radio[name='"+val.name+"']:checked").attr('checked',false);
}
});

七、讓全部「未選中」狀態的radio不可用。

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

八、得到某個選中的特定NAME的radio的值。

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

九、讓全部「選中」狀態的radio置於「未選中」狀態。

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

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

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

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

jquery單選框radio綁定click事件實現方法

注：本段內容來源於：《jquery單選框radio綁定click事件實現方法》java

這篇文章主要介紹了jquery單選框radio綁定click事件實現方法,可實現針對單選框radio值的改變做出響應,很是具備實用價值,須要的朋友能夠參考下;jquery

本文實例講述了jquery單選框radio綁定click事件實現方法。分享給你們供你們參考。web

具體實現方法以下：ui

<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>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。