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

Ответ 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()

Ответ 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
  }
});

Ответ 3

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

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

Ответ 4

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

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

Ответ 5

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

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

Ответ 6

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

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

Ответ 7

JQuery 3.3.1

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