jconfirm가 호출 될 때 체크 박스의 값을 잃어 버림

Question

나는 유익한 텍스트를 표시하는 jconfirm 창을 가지고 있습니다. 해당 jconfirm 창에 확인란을 추가하고 싶습니다. 체크/체크되지 않은 값을 기준으로 대상 URL에 값이 추가됩니다 (결국 장고로 처리됩니다).

문제는 jconfirm 페이지에 표시되는 html 코드, 나는 체크 박스의 값을 잃어 버린다.

$('#credit_checkbox').change(function(){ 
$('#hiddenInput').val(this.checked); 
console.log($('#hiddenInput')); 
}); 

$(".popup-action").click(function(e) { 
    var target = this.href; 
    e.preventDefault(); 
    info = "<br/><br/><div> What will happen:<ul class='log payback' style='text-align:left;'><li><input id='credit_checkbox' type='checkbox' />Wanna do this?<br /><input id='hiddenInput' value=''>"; //Probably missed a quote here 

    jConfirm("{% trans 'Set status to ' %}" + $(this).html() + " ?"+ info, "Confirmation", function (r) { 
     if ($('#credit_checkbox').is(':checked')){ 
       target = target + "/True"; 
     } 
     if (r) { 
      console.log($('#hiddenInput').val()); 
       $.getJSON(target,function(json) {codecode} 
     ); 
    } 
}); 

Answer 1

다른 사람이 지적한 것처럼 구문 오류가 아니라면 값을 읽기 전에 확인란이 삭제 되었기 때문입니다.

<input id="hiddenInput" value=""> 

그리고 당신은 #에서 그 값을 읽을 수 있습니다 : 다음

$("#credit_checkbox").change(function(){ 
    $("#hiddenInput").val(this.checked); 
}); 

당신이 그 값을 저장합니다 HTML의 숨겨진 입력을 만듭니다 그 체크 박스에 이벤트를 부착

시도 언제든지 hiddenInput.