首頁 > web前端 > js教程 > jQuery操作input type=radio的實作程式碼

jQuery操作input type=radio的實作程式碼

高洛峰
發布: 2017-02-11 17:11:07
原創
1744 人瀏覽過

如下: 

<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的值: 

$("input[name=&#39;city&#39;]:checked").val();
登入後複製

  使用元素選擇器,再使用屬性過濾器name='city',最後使用:checked選取已選取的元素。 

2、設定指定值的radio狀態: 

$("input[name=&#39;city&#39;][value=&#39;YangZhou&#39;]").attr("checked",true);
登入後複製

  給name="city"而且value="YangZhou"的radio設定選取狀態。

3、取消name="city"的radio的選取狀態: 

$(&#39;input[name="city"]:checked&#39;).attr("checked",false);
登入後複製

4、取得name="city"的radio的個數: 

$("input[name=&#39;city&#39;]").length;
登入後複製

5、取得name="city"而且索引是偶數的radio : 

$("input[name=&#39;city&#39;]:even");
登入後複製

索引是從0開始的。 

6、取得name="city"而且索引是奇數的radio: 

$("input[name=&#39;city&#39;]:odd");
登入後複製

索引是從0開始的。 

7、迭代radio: 

$("input[name=&#39;city&#39;]").each(function(i,obj){ 
//i,迭代的下标,从0开始 
//obj,当前的对象(HTMLInputElement),可以使用obj.value格式获取属性值 
//$(this);当前jQuery对象,可以使用$(this).val()获取属性值 
});
登入後複製

迭代name="city"的radio。 

8、停用radio: 

$("input[name=&#39;city&#39;]").attr("disabled",true);
登入後複製

禁用name="city"的radio。 

9、啟用radio: 

$("input[name=&#39;city&#39;]").attr("disabled",false);
登入後複製

啟用name="city"的radio。

更多jQuery操作input type=radio的實作代碼相關文章請關注PHP中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板