JQuery를 사용하여 그룹에 라디오 단추가 선택되지 않았는지 확인

JQuery를 사용하여 그룹에 라디오 단추가 선택되지 않았는지 확인

문제가 있어서 앉아 있습니다. 라디오 버튼 그룹 내 라디오 버튼이 선택되지 않았는지 JQuery에 확인해야 사용자가 옵션을 선택하는 것을 잊어버린 경우 자바스크립트 오류를 줄 수 있습니다.

다음 코드를 사용하여 값을 가져옵니다.

var radio_button_val = $("input[name='html_elements']:checked").val();

if (!$("input[name='html_elements']:checked").val()) {
   alert('Nothing is checked!');
}
else {
  alert('One of the radio buttons is checked!');
}

사용 중

$("input:radio[name='html_radio']").is(":checked")

그리고 라디오 그룹의 모든 항목이 선택 취소된 경우 FALSE를 반환하고 항목이 선택된 경우 TRUE를 반환합니다.

다음과 같은 작업을 수행할 수 있습니다.

var radio_buttons = $("input[name='html_elements']");
if( radio_buttons.filter(':checked').length == 0){
  // None checked
} else {
  // If you need to use the result you can do so without
  // another (costly) jQuery selector call:
  var val = radio_buttons.val();
}

if ($("input[name='html_elements']:checked").size()==0) {
   alert('Nothing is checked!');
}
else {
  alert('One of the radio buttons is checked!');
}

사용하다.lengthhttp://api.jquery.com/checked-selector/ 참조

if ($('input[name="html_elements"]:checked').length === 0) alert("Not checked");
else alert("Checked");

var len = $('#your_form_id input:radio:checked').length;
      if (!len) {
        alert("None checked");
      };
      alert("checked: "+ len);

저는 이것이 간단한 예라고 생각합니다. 라디오 그룹의 라디오가 점검되었는지 확인하는 방법입니다.

if($('input[name=html_elements]:checked').length){
    //a radio button was checked
}else{
    //there was no radio button checked
} 

저는 이 정도로 단순하게 사용하고 있습니다.

HTML

<label class="radio"><input id="job1" type="radio" name="job" value="1" checked>New Job</label>
<label class="radio"><input id="job2" type="radio" name="job" value="2">Updating Job</label>


<button type="button" class="btn btn-primary" onclick="save();">Save</button>

대본

 $('#save').on('click', function(e) {
    if (job1.checked)
        {
              alert("New Job"); 
        }
if (job2.checked)
        {
            alert("Updating Job");
        }

}

언급URL : https://stackoverflow.com/questions/2072249/using-jquery-to-check-if-no-radio-button-in-a-group-has-been-checked