jQuery操作單選按鈕 radio 用法

2022-03-24 04:23:37 字數 1064 閱讀 7221

1.獲取選中值,四種方法都可以:

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

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

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

var value  = $('input[name="radioname"]:checked').val(); //獲取被選中radio的value值

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

$('input:radio:first').attr('checked', 'checked'); 或者 $('input:radio:first').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....

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

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

6.刪除value值為rd2的radio

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

7.刪除第幾個radio

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

8.遍歷radio

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

//寫入**

JQuery操作單選按鈕以及複選按鈕

單選按鈕以及複選按鈕在開發過程中會經常用到,下面我就來通過jquery操作單選按鈕和複選按鈕 單選按鈕 通過jquery獲取單選按鈕物件我們總共有三種途徑 id radioid name input name radioname type input type radio 可能在有的資料上面寫的是 ...

用 jquery 操作 radio單選按鈕

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

jQuery設定 取消單選按鈕

簡單的jquery 段,用於設定和取消設定單選按鈕上的輸入值。只是想我會分享,因為我在jquery的早期版本和在表單上設定單選按鈕時遇到了一些問題。jquery set radio button input name correctanswer attr checked false to unsel...