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

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

coldplay.xixi
coldplay.xixiオリジナル
2020-12-03 10:08:584852ブラウズ

ラジオ ボタンが選択されているかどうかを判断するための Jquery メソッド: 1. ページの読み込み時に ID を取得します。コードは [var id= $(this).attr("id");]; 2.ボタンをクリック ID を取得する場合のコードは [var id= $(this).attr("id");] です。

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

このチュートリアルの動作環境: Windows7 システム、jquery3.2.1 バージョン、Dell G3 コンピューターこの方法は、すべてのブランドのコンピューターに適しています。

ラジオ ボタンが選択されているかどうかを判断するための 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);
  });
});

関連学習の推奨事項: JavaScript学習チュートリアル

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

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