JQuery radio(單選按鈕)操作方法彙總

2021-08-10 11:13:45 字數 1377 閱讀 1047

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(單選按鈕)操作方法彙總

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

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.設定第乙...