jquery submit form with checkbox

Question

그래서 확인란을 선택했을 때만 제출하고 싶습니다. 확인란을 선택하지 않으면 다른 작업을하고 싶습니다. 나는이 확인란을 작동하도록 제출하려고했지만 아무 소용이 없습니다. 여기에 내가 가진 무엇 :

나는 주위를 둘러 보았다 및 .trigger 및 .live 주변에 파고,하지만 메신저도 논리도 그 기능을 어떻게 작동하는지에 대해 생각하는 데 문제가 있었다

$('#checkbox').click(function() { 
    if($(this).attr('checked')) { 

    $("#form").submit(function() { 

     var newvals = $("#form").serialize(); // serialize data 

     $.post('save.php',newvals,function(data) { 
     $("#content").html(data); 
     }); // posting data and dumping response onto page  

     return false; 
     }); 

    } else { 

    alert(2); // placeholder for what i want to do otherwise 
    } 

    }); 

. 나는 '체크'박스와 '체크되지 않은'박스를 구별 할 수있는 한 그들을 사용하는 것에 반대하지 않습니다.

어떤 아이디어가 있습니까?

Answer 1

당신이 매번 당신이 체크 박스에 체크 형태 submit 이벤트 처리기를 부착하고 있습니다 : 나는 같은 것을 할 수 있습니다. 제출 이벤트를 트리거하지 않으며 예상 한대로 수행하지 않습니다.

확인란의 click 이벤트 처리기 외부에 submit 이벤트 처리기를 연결하고 확인란을 선택하면 양식 제출 이벤트를 트리거해야합니다. 사용해보기

$function(){ 

    $("#form").submit(function() { 

     var newvals = $("#form").serialize(); // serialize data 
     $.post('save.php',newvals,function(data) { 
     $("#content").html(data); 
     }); // posting data and dumping response onto page  

     return false; 
    }); 

    $('#checkbox').click(function() { 
    if(this.checked) {//Just this.checked will say whether its checked or not 
     //Now trigger the form submit event 
     $("#form").trigger('submit'); 
    } 
    else{ 
     alert(2); // placeholder for what i want to do otherwise 

     //I think you want to erase the textboxes. 
     //You can find all the input elements and set there value to empty 
     $("#form input").val(''); 
    } 
    }); 

}); 

Answer 2

로직을 뒤집어서 처리기를 양식 제출에 첨부하고 입력 제출 여부를 확인하십시오. 코드에서

$(function(){ 
    $('form').submit(function(e){ 
     e.preventDefault(); 

     if ($('#checkbox').is(':checked')) { 
      alert('submit'); 
     } else { 
      alert('do not submit'); 
     } 

    }); 
});