ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryを使って選択されたラジオボタンの値を取得する方法を詳しく解説

jQueryを使って選択されたラジオボタンの値を取得する方法を詳しく解説

伊谢尔伦
伊谢尔伦オリジナル
2017-06-28 13:11:373310ブラウズ

この記事では、2 つのサンプルコードを紹介しますjquery選択されたラジオボタンラジオの値を取得する、非常に優れたものであり、参考値です

。例 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 <code>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();m = $('#wrap input[name="payMethod"]');

選択したボタンの値を取得します: var val_payPlatform = $('#wrap input[name="payMethod" "]:checked ').val ();

例 2:

jquery を使用してラジオ値を取得します。最も重要なことは、jquery セレクターの使用をマスターすることです。フォームでは、通常、選択したラジオ項目の値を取得したいので、フィルタにチェックを追加する必要があります。たとえば、次のようなラジオ項目があります:

1.565a847a7e1157ea2885c31a6bc152c7jquery はラジオの値を取得します

2.41fd984a3b8be13d48975a0341ccdf3djquery は select の値を取得します

ラジオの値を指定するには、次の方法があります。コードを直接指定するだけです:

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;);

testradio という名前のすべてのラジオを走査したい場合はどうすればよいでしょうか。コードは次のとおりです。 2番目のラジオの値など、特定のラジオの値を取得したい場合は、次のように記述します

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

以上がjQueryを使って選択されたラジオボタンの値を取得する方法を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。