JQuery radio（單選按鈕）操作方法彙總

這篇文章主要介紹了jquery radio（單選按鈕）操作方法彙總,本文講解了獲取選中值、設定選中值、根據value值設定選中、刪除radio、遍歷等內容,需要的朋友可以參考下

隨著jquery的作用越來越大，使用的朋友也越來越多。在web中，由於checkbox、radiobutton 、dropdownlist等控制項使用的頻率比較高，就關係到這些控制項在jquery中的操作問題。由於jquery的版本更新很快，**的寫法也改變了許多，以下jquery**適query1.4版本以上。

1.獲取選中值，三種方法都可以：

複製** **如下:

$('input:radio:checked').val()；

$("input[type='radio']:checked").val();

$("input[name='rd']:checked").val();

2.設定第乙個radio為選中值：

複製** **如下:

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

或者複製** **如下:

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

注：attr("checked",'checked')= attr("checked", 'true')= attr("checked", true)

3.設定最後乙個radio為選中值：

複製** **如下:

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

或者複製** **如下:

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

4.根據索引值設定任意乙個radio為選中值：

複製** **如下:

$('input:radio').eq(索引值).attr('checked', 'true');索引值=0,1,2....

或者複製** **如下:

$('input:radio').slice(1,2).attr('checked', 'true');

5.根據value值設定radio為選中值

複製** **如下:

$("input:radio[value='rd2']").attr('checked','true');

或者複製** **如下:

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

6.刪除value值為rd2的radio

複製** **如下:

$("input:radio[value='rd2']").remove();

7.刪除第幾個radio

複製** **如下:

$("input:radio").eq(索引值).remove();索引值=0,1,2....

如刪除第3個radio:$("input:radio").eq(2).remove();

8.遍歷radio

複製** **如下:

$('input:radio').each(function(index,domele){

//寫入**

JQuery radio（單選按鈕）操作方法彙總

1.獲取選中值，三種方法都可以 如下 input radio checked val input type radio checked val input name rd checked val 2.設定第乙個radio為選中值 如下 input radio first attr checked c...

JQuery radio（單選按鈕）操作方法彙總

這篇文章主要介紹了jquery radio 單選按鈕 操作方法彙總,本文講解了獲取選中值 設定選中值 根據value值設定選中 刪除radio 遍歷等內容,需要的朋友可以參考下 隨著jquery的作用越來越大，使用的朋友也越來越多。在web中，由於checkbox radiobutton dropd...

JQuery radio（單選按鈕）操作方法彙總

由於jquery的版本更新很快，的寫法也改變了許多，以下jquery 適query1.4版本以上。1.獲取選中值，三種方法都可以 input radio checked val input type radio checked val input name rd checked val 2.設定第乙...