如何使用Jquery獲取Form表單中被選中的radio值
更新時(shí)間：2013年08月09日 17:45:51 作者：
下面就日常最常用的，在Form表單中如何獲取被中選的Radio值做一小小的示例，感興趣的朋友可以參考下
Jquery提供的選擇器極大的方便了開發(fā)人員對(duì)Dom的操作，真正實(shí)現(xiàn)了代碼簡(jiǎn)化，卻功能強(qiáng)大的目標(biāo)。下面就日常最常用的，在Form表單中如何獲取被中選的Radio值做一小小的示例。
form表單如下：
<form name='form1' action="#" method="post">
此處略去200字
<input type="radio" name="opType" value="0" />擱置<br />
<input type="radio" name="opType" value="1" />解決<br />
<input type="radio" name="opType" value="2" />轉(zhuǎn)派4<br />
</form>
那么如何獲取被選中的radio值呢，Juqery為我們提供了如下幾個(gè)方法
$("input[name='opType']:checked").val() -------此方法估計(jì)用的比較多，通俗易懂
$("input:radio:checked").val(); ---------此方法最簡(jiǎn)單，但是連著使用選擇器不容易懂
$("input[@name='opType'][checked]"); --------次方法中切記寫成[@checked=checked]，本人第一次就寫成這個(gè)了
那么，偶爾也需要遍歷一下radio，如何做呢？當(dāng)然需要each出場(chǎng)了，具體如下：
$('input[name="opType"]').each(function(){
alert(this.name+this.value);
});
應(yīng)該明白了吧，若有什么更好的方法歡迎蓋樓。
form表單如下：
復(fù)制代碼 代碼如下:
<form name='form1' action="#" method="post">
此處略去200字
<input type="radio" name="opType" value="0" />擱置<br />
<input type="radio" name="opType" value="1" />解決<br />
<input type="radio" name="opType" value="2" />轉(zhuǎn)派4<br />
</form>
那么如何獲取被選中的radio值呢，Juqery為我們提供了如下幾個(gè)方法
復(fù)制代碼 代碼如下:
$("input[name='opType']:checked").val() -------此方法估計(jì)用的比較多，通俗易懂
$("input:radio:checked").val(); ---------此方法最簡(jiǎn)單，但是連著使用選擇器不容易懂
$("input[@name='opType'][checked]"); --------次方法中切記寫成[@checked=checked]，本人第一次就寫成這個(gè)了
那么，偶爾也需要遍歷一下radio，如何做呢？當(dāng)然需要each出場(chǎng)了，具體如下：
復(fù)制代碼 代碼如下:
$('input[name="opType"]').each(function(){
alert(this.name+this.value);
});
應(yīng)該明白了吧，若有什么更好的方法歡迎蓋樓。
相關(guān)文章
下面小編就為大家?guī)硪黄猨Query EasyUI 入門必看。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
這篇文章主要介紹了jQuery遍歷json的方法,結(jié)合實(shí)例形式分析了jQuery針對(duì)json格式數(shù)據(jù)的遍歷操作相關(guān)技巧,需要的朋友可以參考下2016-04-04
jQuery中removeProp()方法用法實(shí)例
這篇文章主要介紹了jQuery中removeProp()方法用法,實(shí)例分析了removeProp()方法的功能、定義及刪除由prop()方法設(shè)置的屬性時(shí)的使用技巧,需要的朋友可以參考下2015-01-01
jquery 注意事項(xiàng)與常用語(yǔ)法小結(jié)
jquery 注意事項(xiàng)與常用語(yǔ)法小結(jié),學(xué)習(xí)jquery的朋友最好收藏下。2010-06-06
今天總結(jié)一下學(xué)習(xí)jQuery時(shí)中遇到的一些常用的jQuery代碼，這些代碼片段可能在我們急需的時(shí)候能起到幫助。2011-07-07
本文主要介紹了jQuery中$.ajax()方法的具體使用，$.ajax(url,[settings])通過 HTTP 請(qǐng)求加載遠(yuǎn)程數(shù)據(jù)，文中通過示例代碼詳細(xì)的介紹了$.ajax()的用法，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-05-05
jquery easyui combox一些實(shí)用的小方法
這篇文章主要介紹了jquery easyui combox一些實(shí)用的小方法，有需要的朋友可以參考一下2013-12-12
jquery.ui.draggable中文文檔(原文翻譯)。需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-11-11
這篇文章通過實(shí)例代碼給大家講解了jquery替換節(jié)點(diǎn)元素的操作方法及動(dòng)態(tài)頁(yè)面的實(shí)現(xiàn)代碼，非常不錯(cuò)，需要的朋友參考下吧2018-03-03
jquery 實(shí)現(xiàn)兩Select 標(biāo)簽項(xiàng)互調(diào)示例代碼
這篇文章主要與大家分享了jquery實(shí)現(xiàn)兩Select標(biāo)簽項(xiàng)互調(diào)的具體實(shí)現(xiàn)，比較簡(jiǎn)單，比較實(shí)用2014-09-09