ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryでラジオボタンが選択されているかどうかを確認する方法

jqueryでラジオボタンが選択されているかどうかを確認する方法

藏色散人
藏色散人オリジナル
2021-01-27 09:17:172777ブラウズ

ラジオ ボタンが選択されているかどうかを判断する jquery メソッド: まず、ページをロードするときに、「$(this).attr("id");」を通じて ID を取得し、次に、ボタンをクリックして判断するだけです。

jqueryでラジオボタンが選択されているかどうかを確認する方法

このチュートリアルの動作環境: Windows7 システム、jquery1.2.6 バージョン、DELL G3 コンピューター。

推奨: jquery ビデオ チュートリアル

ラジオ ボタンが選択されているかどうかを判断するための Jquery メソッド

HTML コードは次のとおりです。次のように:

<input type="radio" id="d1" name="ra" value="a" checked="checked" />
<input type="radio" id="d2" name="ra" value="b" />
<input type="radio" id="d3" name="ra" value="c" />

1. ページの読み込み時に ID を取得します

$("input[type=&#39;radio&#39;]").each(function(){
  var id= $(this).attr("id");
  if($("#"+id).attr("checked")=="checked"){
   var fs=$("#"+id).val();
  }
});
var s1 = $(".aa:checked").val(); // .aa 为class
var s2 = $("input[name=&#39;ra&#39;]:checked").val();

2. ボタンをクリックしたときに ID

$(function(){
  $("input[type=&#39;radio&#39;]").click(function(){
    var id= $(this).attr("id");
    alert(id);
  });
});
を取得します

以上がjqueryでラジオボタンが選択されているかどうかを確認する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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