라디오 버튼이 선택되어 있는지 jquery 확인 후 체크 박스가 선택되어 있는지 확인하십시오.

Question

안녕하세요, 저는 제가 개발 한 두 가지 파트 형식을 가지고 있습니다. 하나는 기존 회원을위한 것이고 다른 하나는 그렇지 않습니다.

양식 중 하나에서 양식을 진행하기 전에 확인해야 할 체크 박스가 있으며 양식이 올바른지 확인하십시오. 양식을 숨기거나 숨기기 해제하는 라디오 버튼을 사용합니다.

그러나 라디오 버튼이 선택되어 있는지 확인한 다음 확인란이 선택되어 있는지 확인하면 아무것도 반환되지 않습니다.

누군가 구현할 수 있습니까? 내 JS 아래 또는 볼 내 JSFIDDLE :

$(document).ready(function(){ 

    var check; 

    if($("input:radio[name=existingpartner]").is(":checked")){ 

     // Example 3 - With jQuery prop 
    $("#test-with-prop").on("click", function(){ 
     check = $("#mycheckbox").prop("checked"); 
     if(check) { 
      alert("Checkbox is checked."); 
     } else { 
      alert("Checkbox is unchecked."); 
     } 
    }); 
}); 

Answer 1

에서 당신의 요소가 선택된 경우 당신이 확인되지만, DOM의 요소에 따라서는 버튼 이벤트를 바인딩하지 않습니다를 선택하지 않은 문합니다.

바인드 이벤트 내에서 if 문을 이동하십시오.

$("#test-with-prop").on("click", function() { 
    if ($("input:radio[name=existingpartner]").is(":checked")) { 
     check = $("#mycheckbox").prop("checked"); 
     if (check) { 
      alert("Checkbox is checked."); 
     } else { 
      alert("Checkbox is unchecked."); 
     } 
    } 
}); 

DEMO