亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

請問jQuery如何獲取選中單選按鈕radio的值

請問jQuery如何獲取選中單選按鈕radio的值

回首憶惘然 2019-11-15 15:10:51
請問jQuery如何獲取選中單選按鈕radio的值
查看完整描述

5 回答

?
楊__羊羊

TA貢獻1943條經驗 獲得超7個贊

使用jquery獲取radio的值,最重要的是掌握jquery選擇器的使用,在一個表單中我們通常是要獲取被選中的那個radio項的值,所以要加checked來篩選,比如有以下的一些radio項:

1.<input type="radio" name="testradio" value="jquery獲取radio的值" />jquery獲取radio的值
2.<input type="radio" name="testradio" value="jquery獲取checkbox的值" />jquery獲取checkbox的值
3.<input type="radio" name="testradio" value="jquery獲取select的值" />jquery獲取select的值
要想獲取某個radio的值有以下的幾種方法,直接給出代碼:
1、

1.$('input[name="testradio"]:checked').val();2、
1.$('input:radio:checked').val();3、
1.$('input[@name="testradio"][checked]');4、
1.$('input[name="testradio"]').filter(':checked');差不多挺全的了,如果我們要遍歷name為testradio的所有radio呢,代碼如下

1.$('input[name="testradio"]').each(function(){2.alert(this.value);3.});如果要取具體某個radio的值,比如第二個radio的值,這樣寫
1.$('input[name="testradio"]:eq(1)').val()

 


查看完整回答
反對 回復 2019-11-16
?
呼啦一陣風

TA貢獻1802條經驗 獲得超6個贊

jQuery獲取選中單選按鈕radio的值的具體操作步驟如下:

1、獲得選中radio的值以及獲取所有radio的值的代碼如圖。

2、然后我們打開瀏覽器控制臺查看結果。

3、根據一下代碼獲取選中radio的值。

4、然后我們在瀏覽器控制臺查看結果。

5、獲取第二個radio的值代碼如圖。

6、程序運行結果如圖,解決了jQuery獲取選中單選按鈕radio的值的問題。

 


查看完整回答
反對 回復 2019-11-16
?
四季花海

TA貢獻1811條經驗 獲得超5個贊

 div id="wrap">
<input type="radio" name="payMethod" value="1" />支付寶
<input type="radio" name="payMethod" value="2" />財務通
</div>
  
  獲取一組單選按鈕對象:var obj_payPlatform = $('#wrap input[name="payMethod"]');
  獲取被選中按鈕的值 :var val_payPlatform = $('#wrap input[name="payMethod"]:checked ').val();









查看完整回答
反對 回復 2019-11-16
?
寶慕林4294392

TA貢獻2021條經驗 獲得超8個贊

獲取選中的radio單選按鈕的值: 

var v=$(":radio[name='aijquery']:checked").val();

動態選中第一個或最后一個radio單選按鈕:   

1

2

$(":radio[name='aijquery']:first").attr("checked","true");

$(":radio[name='aijquery']:last").attr("checked","true");

3.動態選中第n個radio單選按鈕:

1

$(":radio[name='aijquery']").eq(3).attr("checked","true");

4.動態選中值為7的radio單選按鈕:   

1

$(":radio[name='aijquery'][value='7']").attr("checked","true");

這里有在線演示:

網頁鏈接

 


查看完整回答
反對 回復 2019-11-16
  • 5 回答
  • 0 關注
  • 590 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號