web-dev-qa-db-ja.com

JQueryを使用してラジオボタンがチェックされていることを確認するにはどうすればよいですか？

1つのグループに2つのラジオボタンがありますが、JQueryを使用していないか、ラジオボタンがオンになっていることを確認したいのですが、どうすればよいですか？

javascriptjqueryradio-button
22
Bader

ラジオボタンのグループが与えられた場合：

<input type="radio" id="radio1" name="radioGroup" value="1">
<input type="radio" id="radio2" name="radioGroup" value="2">

次のように、jQueryを使用して特定のものがチェックされているかどうかをテストできます。

if ($("#radio1").prop("checked")) {
   // do something
}

// OR
if ($("#radio1").is(":checked")) {
   // do something
}

// OR if you don't have ids set you can go by group name and value
// (basically you need a selector that lets you specify the particular input)
if ($("input[name='radioGroup'][value='1']").prop("checked"))

次のように、グループ内で現在チェックされている値を取得できます。

$("input[name='radioGroup']:checked").val()
51
nnnnnn

//the following code checks if your radio button having name like 'yourRadioName' 
//is checked or not
$(document).ready(function() {
  if($("input:radio[name='yourRadioName']").is(":checked")) {
      //its checked
  }
});
8
Sudhir Bastakoti

これはベストプラクティスです

$("input[name='radioGroup']:checked").val()
2
Lead Developer

いくつかの答えをさらに一歩進めます-次の操作を行うと、ラジオグループ内の要素がチェックされているかどうかを確認できます。

if ($('input[name="yourRadioNames"]:checked').val()){（チェック済み）またはif (!$('input[name="yourRadioNames"]:checked').val()){（チェックなし）

0
Antony

これもチェックしてください：

$(document).ready(function() { 
  if($("input:radio[name='yourRadioGroupName'][value='yourvalue']").is(":checked")) { 
      //its checked 
  } 
});
0
radu florescu

jQuery 3.3.1

if (typeof $("input[name='yourRadioName']:checked").val() === "undefined") {
    alert('is not selected');
}else{
    alert('is selected');
}
0
Sadee

ラジオボタンは、

<input type="radio" id="radio_1" class="radioButtons" name="radioButton" value="1">
<input type="radio" id="radio_2" class="radioButtons" name="radioButton" value="2">

クリックで確認するには、

$('.radioButtons').click(function(){
    if($("#radio_1")[0].checked){
       //logic here
    }
});
0
reshma