首頁 > web前端 > js教程 > 如何使用Jquery取得Form表單中被選取的radio值_jquery

如何使用Jquery取得Form表單中被選取的radio值_jquery

WBOY
發布: 2016-05-16 17:26:01
原創
1218 人瀏覽過

Jquery提供的選擇器極大的方便了開發人員對Dom的操作,真正實現了程式碼簡化,卻功能強大的目標。以下就日常最常用的,在Form表單中如何取得被中選的Radio值做一小小的範例。

form表單如下:

複製程式碼 程式碼如下:
此處略去200字
擱置

解決

轉派4




那麼如何取得被選取的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);
});


應該明白了吧,若有什麼更好的方法歡迎蓋樓。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板