Как проверить, установлен ли переключатель с помощью JQuery?

Question

У меня две переключатели в одной группе, я хочу проверить, установлен ли переключатель или нет с помощью JQuery, как?

Answer 1

С учетом группы переключателей:

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

Answer 2

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

Answer 3

Это лучшая практика

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

Answer 4

JQuery 3.3.1

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

Answer 5

Радиокнопки есть,

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

Answer 6

Принимая некоторые ответы на шаг вперед - если вы сделаете следующее, вы можете проверить, был ли проверен какой-либо элемент в группе радиосвязи:

if ($('input[name="yourRadioNames"]:checked').val()){ (проверено) или if (!$('input[name="yourRadioNames"]:checked').val()){ (не проверено)

Answer 7

Проверьте это тоже:

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