JQuery radio（單選按鈕）操作方法匯總
更新時間：2015年04月15日 12:10:39 投稿：junjie
這篇文章主要介紹了JQuery radio（單選按鈕）操作方法匯總,本文講解了獲取選中值、設置選中值、根據(jù)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.根據(jù)索引值設置任意一個radio為選中值：
復制代碼 代碼如下:
$('input:radio').eq(索引值).attr('checked', 'true');索引值=0,1,2....
或者
復制代碼 代碼如下:
$('input:radio').slice(1,2).attr('checked', 'true');
5.根據(jù)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中click事件用法,以實例形式分析了click事件的具體功能及應用技巧,非常具有實用價值,需要的朋友可以參考下2014-12-12
jQuery 學習第六課 實現(xiàn)一個Ajax的TreeView
TreeView是asp.net自帶的控件，不過自帶的控件在靈活性上有諸多限制。在jQuery的幫助下，自己實現(xiàn)一個TreeView也不困難。本文是前幾篇文章所講內容的一個綜合演練。2010-05-05
jQuery實現(xiàn)對無序列表的排序功能(附demo源碼下載)
這篇文章主要介紹了jQuery實現(xiàn)對無序列表的排序功能,涉及jQuery與javascript常見的文本操作函數(shù)與sort排序函數(shù)的相關使用方法,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06
jquery得到font-size屬性值實現(xiàn)代碼
font-size屬性想必大家并不陌生吧，此屬性控制字體的大小，在本文將為大家介紹下如何使用jquery獲取font-size屬性值，感興趣的朋友可以參考下2013-09-09
學習從實踐開始之jQuery插件開發(fā) 菜單插件開發(fā)
從軟件到網(wǎng)站，菜單可以說是無處不在。在傳統(tǒng)應用軟件開發(fā)中，一般都有現(xiàn)成的控件可以使用；但是在網(wǎng)頁開發(fā)時，基本上要靠開發(fā)人員自己動手設計2012-05-05
Jquery EasyUI的添加，修改，刪除，查詢等基本操作介紹
初識Jquery EasyUI看了一些博主用其開發(fā)出來的項目，頁面很炫，感覺功能挺強大，效果也挺不錯，最近一直想系統(tǒng)學習一套前臺控件，于是在網(wǎng)上找了一些參考示例2013-10-10
這篇文章主要介紹了jQuery實現(xiàn)的簡單無刷新評論功能,涉及jQuery事件響應及頁面元素屬性動態(tài)操作相關實現(xiàn)技巧,代碼中備有較為詳盡的注釋便于理解,需要的朋友可以參考下2017-11-11
本文通過jquery代碼實現(xiàn)窗口拖動功能以及jQuery 鼠標拖拽移動窗口的實現(xiàn)代碼，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下2017-02-02
javascript/jquery實現(xiàn)點擊觸發(fā)事件的方法分析
這篇文章主要介紹了javascript/jquery實現(xiàn)點擊觸發(fā)事件的方法,結合具體實例形式分析了JavaScript與jQuery針對點擊按鈕觸發(fā)事件的相關實現(xiàn)與使用技巧,需要的朋友可以參考下2019-11-11
jQuery增加、刪除及修改select option的方法
這篇文章主要介紹了jQuery增加、刪除及修改select option的方法,涉及jQuery針對form表單中select選項的常見操作技巧,需要的朋友可以參考下2016-08-08