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

如下： 

<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='city']:checked").val();

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

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

$("input[name='city'][value='YangZhou']").attr("checked",true);

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

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

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

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

$("input[name='city']").length;

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

$("input[name='city']:even");

索引是從0開始的。 

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

$("input[name='city']:odd");

索引是從0開始的。 

7、迭代radio: 

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

迭代name="city"的radio。 

8、停用radio: 

$("input[name='city']").attr("disabled",true);

禁用name="city"的radio。 

9、啟用radio: 

$("input[name='city']").attr("disabled",false);

啟用name="city"的radio。

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