चेकबॉक्स चेक होने पर फ़ॉर्म सबमिट करें - ट्यूटोरियल

Question

मैं 37 सिग्नल की टा-दा सूची के समान प्रभाव प्राप्त करने की कोशिश कर रहा हूं - मैं चाहता हूं कि मेरे उपयोगकर्ता सिर्फ "किए गए" बॉक्स को चेक करके आइटम से आइटम को चेक करने में सक्षम हों - दूसरे शब्दों में बॉक्स को चेक करने पर सर्वर को एक फॉर्म सबमिट किया जाता है। क्या किसी को ऐसे ट्यूटोरियल के बारे में पता है जो इस तरह कुछ शामिल करता है, या मुझे सही दिशा में इंगित कर सकता है?

धन्यवाद रोब

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();">