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