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

如下：

複製程式碼 程式碼如下:

程式碼如下:

北京
天津
南京

揚州
蘇州

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:

複製程式碼



複製程式碼

程式碼如下//i,迭代的下標，從0開始//obj,目前的物件(HTMLInputElement) ,可以使用obj.value格式取得屬性值//$(this);目前jQuery物件,可以使用$(this).val()取得屬性值});

　　迭代name="city"的radio。

　　8、禁用radio:

複製程式碼複製程式碼

代碼如下
　　停用name="city"的radio。
　　9、啟用radio: 複製程式碼複製程式碼 代碼如下 　　啟用name="city"的radio。