首頁 >web前端 >js教程 >jQuery取得選取單選按鈕的值用法詳解

jQuery取得選取單選按鈕的值用法詳解

伊谢尔伦
伊谢尔伦原創
2017-06-28 13:11:373403瀏覽

本文跟大家分享兩段實例程式碼跟大家講解jquery取得選取單選按鈕radio的值,非常不錯,具有參考借鏡價值,一起看看吧

  實例1:

<p id="wrap">
  <input type="radio" name="payMethod" value="1" />男
  <input type="radio" name="payMethod" value="2" />女
</p>

  取得一組單選按鈕物件var obj_payPlat<a href="http://www.php.cn/wiki/125.html" target="_blank">for</a>m = $('#wrap input[name="payMethod"]');

  取得被選取按鈕的值:var val_payPlatform = $('#wrap input[name ="payMethod"]:checked ').val();

實例2:

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

1.77df3b732e1a071ea9c9098d4ee8554fjquery取得radio的值

2.0a918d05ef0967ad9f09c56772bd8ee4jquery取得checkbox的值

#3.391c9eeeea51029fb8263eb66e0283f0jquery取得select的值

要想取得某個radio的值有以下的幾種方法,直接給出程式碼:

1、

$(&#39;input[name="testradio"]:checked&#39;).val();
$(&#39;input:radio:checked&#39;).val();
$(&#39;input[@name="testradio"][checked]&#39;);
$(&#39;input[name="testradio"]&#39;).filter(&#39;:checked&#39;);

差不多挺全的了,如果我們要遍歷name為testradio的所有radio呢,程式碼如下

$(&#39;input[name="testradio"]&#39;).each(function(){2.alert(this.value);3.});

如果要取具體某個radio的值,例如第二個radio的值,這樣寫

$(&#39;input[name="testradio"]:eq(1)&#39;).val()

以上是jQuery取得選取單選按鈕的值用法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn