확인란을 선택하면 양식을 제출하십시오 - 자습서

Question

37signals 'ta-da 목록과 비슷한 효과를 얻으려고합니다. 사용자가 "완료"확인란을 선택하여 목록에서 항목을 체크 할 수있게하고 싶습니다. - 즉, 상자를 체크하면 양식이 서버에 제출됩니다. 누구든지이 같은 것을 다루는 튜토리얼을 알고 있습니까? 아니면 올바른 방향으로 나를 가리킬 수 있습니까?

감사 롭

Answer 1

내가 제대로 질문을 이해한다면 :

을 당신은 jQuery 및 AJAX를 사용하여이 작업을 수행 할 수 있습니다. 첫 번째 예제에서 나는 전체 양식을 제출하지 않고 그 일을, 만 체크 박스의 값을 제출하고 있습니다 :

jQuery("#myCheckbox").click(function() { 
    var $checkbox = jQuery(this); 
    var checkboxData = "checkboxvalue=" + $checkbox.val(); 

    jQuery.ajax({ 
     url: "http://some.url.here", 
     type: "POST", 
     data: checkboxData, 
     cache: false, 
     dataType: "json", 
     success: function(data) { 
      if(data["success"]) { 
      //do some other stuff if you have to 
      //this is based on the assumption that you're sending back 
      //JSON data that has a success property defined 
      } 
     } 
    }); 
}); 

은 아마도 당신이 게시물을 처리하는 서버 측에 뭔가이있을 것이다.

jQuery("#myCheckbox").click(function() { 
    var formData = jQuery("#formID").serialize(); 

    jQuery.ajax({ 
     url: "http://some.url.here", 
     type: "POST", 
     data: formData, 
     cache: false, 
     dataType: "json", 
     success: function(data) { 
      if(data["success"]) { 
      //do some other stuff if you have to 
      //this is based on the assumption that you're sending back 
      //JSON data that has a success property defined 
      } 
     } 
    }); 
}); 

Answer 2

<input type="checkbox" onclick="yourForm.submit()">
위의 양식을 제출합니다 : 당신이 실제로 가이 양식을 제출하려는 경우 양식 데이터를 직렬화 것을 제외하고

, 당신은, 위와 같은 일을 할 수 귀하의 확인란을 클릭하면 ... IDK는 당신이 원하는 것입니다.
는 그래서

Answer 3

간단한 ... 기본 양식 프로세스를 제출 할 것 ...

<input type="checkbox" onclick="this.form.submit();">