checkbox onChange가 실행되지 않습니다

Question

아래 스크립트가 .js 파일을 사용하여 포함되어있어 실행되지 않습니다. 나는 JQuery에 익숙하지 않아 어디서 잘못 될지 알 수 없다.

도와주세요. 내 개정을 데오빌로의 예제 코드를 사용하고는 제대로 감사 줄리안 $ (이) .attr 화재 :

는 이제 다음과 같이 변경하여 아래에 스크립트를 변경했습니다 ('확인') 작동하지 않습니다 나를 위해 그것은 "unasigned"를 반환합니다. 그러나 .prop를 사용하면 $ (this) .prop ('checked')가 예상대로 작동합니다. (true/false) 감사합니다. Rashet, 테스트 목적으로 URL을 간단한 테스트 스크립트가 들어있는 '/my.script.php'로 변경했습니다. 여전히 작동하지 않습니다.

if(isset($_POST['id']) || isset($_POST['Purchased'])){ 
die('Eureka! variables exist'); 
}else{ 
die('Failure!, variables do not exist'); 
} 

$('input[name=Purchased]').change(function(){ 
    //if a checkbox with name 'Purchased' is clicked, do the following. 
    var id=$(this).attr('id'); //grab the id from the clicked box 
    var Purchased=$(this).prop('checked'); 

    //alert("ID value:"+id); returns correctly 
// alert("Purchase value:"+Purchased); //Returns correctly 

    //setup the ajax call 
//Not posting the variable values to PHP processing script 
    $.ajax({ 
     type: 'POST', 
     url: '/my.script.php', 
     data: {id: 'id', 
     Purchased: 'Purchased'} 
    }); 
}); 

Answer 1

이 .is(selector)이 게시물 https://stackoverflow.com/a/12279447/5836034의 도움과 아래 Jquery doc on is() 실행 코드가 동작

$('input[name=Purchased]').change(function(){ 
 
    
 
    if (!$(this).is(":checked")) { 
 
     // not checked 
 
    alert("Not Checked"); 
 
     return; 
 
    } 
 
    
 
    alert("Checked continue"); 
 
    //check here 
 
    
 
    //if a checkbox with name 'Purchased' is clicked, do the following. 
 
    var id=$(this).attr('id'); //grab the id from the clicked box 
 
    var Purchased=$(this).val(); //grab the value from the checkbox (remember, if it is checked it will be 'on', else '' 
 

 
    alert("Purchase value:"+Purchased); 
 

 
    //setup the ajax call 
 
    $.ajax({ 
 
     type: 'POST', 
 
     url: '../../Includes/MyPHP.script.php', 
 
     data: {id: 'id', 
 
     Purchased: 'Purchased'} 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input type="checkbox" value="value here" name="Purchased" >

Answer 2

$(this).val()는 $(this).prop('checked')해야하며 true 또는 false를 반환합니다.