如何使用Jquery獲取Form表單中被選中的radio值
更新時間：2013年08月09日 17:45:51 作者：
下面就日常最常用的，在Form表單中如何獲取被中選的Radio值做一小小的示例，感興趣的朋友可以參考下
Jquery提供的選擇器極大的方便了開發(fā)人員對Dom的操作，真正實現(xiàn)了代碼簡化，卻功能強大的目標(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為我們提供了如下幾個方法
$("input[name='opType']:checked").val() -------此方法估計用的比較多，通俗易懂
$("input:radio:checked").val(); ---------此方法最簡單，但是連著使用選擇器不容易懂
$("input[@name='opType'][checked]"); --------次方法中切記寫成[@checked=checked]，本人第一次就寫成這個了
那么，偶爾也需要遍歷一下radio，如何做呢？當(dāng)然需要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，如何做呢？當(dāng)然需要each出場了，具體如下：
復(fù)制代碼 代碼如下:
$('input[name="opType"]').each(function(){
alert(this.name+this.value);
});
應(yīng)該明白了吧，若有什么更好的方法歡迎蓋樓。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了JQuery+PHP圖片在線裁剪實例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
jquery插件tytabs.jquery.min.js實現(xiàn)漸變TAB選項卡效果
這篇文章主要介紹了jquery插件tytabs.jquery.min.js實現(xiàn)漸變TAB選項卡效果,實例分析了tytabs.jquery.min.js插件實現(xiàn)tab選項卡切換效果的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了jQuery表格插件ParamQuery簡單使用方法示例,大家參考使用吧2013-12-12
這篇文章主要介紹了jQuery實現(xiàn)的網(wǎng)頁換膚效果,結(jié)合完整實例形式分析了jQuery通過修改link標(biāo)簽的href屬性值實現(xiàn)換膚效果的相關(guān)技巧,需要的朋友可以參考下2016-09-09
在淘寶購物，需要把商品加入購車，其中包含全選、單選金額改變，當(dāng)增加商品時金額也會相應(yīng)的發(fā)生變化，下面通過本文給大家分享純jquery實現(xiàn)模仿淘寶購物車結(jié)算，需要的朋友可以參考下2015-08-08
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)最簡單實用的分秒倒計時，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
今天因網(wǎng)站需要寫了個圖片展示效果,其中用到了Jquery的data函數(shù)，剛學(xué)就被我用這了，昨天看時還覺得無甚用處，因為可以人為地給一個節(jié)點加屬性嘛，不過省卻了幾句代碼而已。2010-05-05
JQuery、AJAX都是Javascript的一個框架，各有各自不同的功能，下面為大家介紹下jquery和ajax的關(guān)系，不了解的朋友可以參考下2013-11-11
jquery load事件(callback/data)使用方法及注意事項
jquery load 事件使用方法，在網(wǎng)上有很多的相關(guān)介紹文章，不過大同小異，本文老生長談，也介紹一下load事件使用方法，感興趣的朋友可以了解下，或許對你學(xué)習(xí)jquery有所幫助2013-02-02
這篇文章主要介紹了jQuery實現(xiàn)行文字鏈接提示效果的方法,實例分析了jQuery操作文字提示效果的方法,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03