jQuery, चेकबॉक्स और .is (": चेक किया गया")

Question 1

जब मैं किसी फ़ंक्शन को चेकबॉक्स तत्व की तरह बांधता हूं:

$("#myCheckbox").click( function() {
    alert($(this).is(":checked"));
});

चेकबॉक्स घटना को ट्रिगर करने से पहले अपनी जाँच की गई विशेषता को बदलता है, यह सामान्य व्यवहार है, और एक उलटा परिणाम देता है।

हालाँकि, जब मैं करता हूँ:

$("#myCheckbox").click();

ईवेंट ट्रिगर होने के बाद चेकबॉक्स ने इसे चेक की गई विशेषता को बदल दिया ।

मेरा सवाल है, क्या jQuery से क्लिक इवेंट को ट्रिगर करने का एक तरीका है जैसे एक सामान्य क्लिक (पहला परिदृश्य) करेगा?

पुनश्च: मैंने पहले ही साथ कोशिश की है trigger('click');

Question 2

$('#myCheckbox').change(function () {
    if ($(this).prop("checked")) {
        // checked
        return;
    }
    // not checked
});

नोट: jquery के पुराने संस्करणों में इसका उपयोग करना ठीक था attr। अब इसका उपयोग करने का सुझाव दिया गया हैprop राज्य को पढ़ने के करने गया है।

Question 3

वहाँ एक काम है कि jQuery 1.3.2 और 1.4.2 में काम करता है :

$("#myCheckbox").change( function() {
    alert($(this).is(":checked"));
});

//Trigger by:
$("#myCheckbox").trigger('click').trigger('change');

लेकिन मैं मानता हूं, यह घटना मूल घटना की तुलना में छोटी है।

Question 4

जून २०१६ तक (२.१.४ का उपयोग करके) अन्य सुझाए गए समाधानों में से कोई भी काम नहीं करता है। चेकिंग attr('checked')हमेशा undefinedऔर is('checked)हमेशा रिटर्न देता है false।

बस प्रोप विधि का उपयोग करें:

$("#checkbox").change(function(e) {

  if ($(this).prop('checked')){
    console.log('checked');
  }
});

Question 5

मैं अभी भी jQuery 1.7.2 के साथ इस व्यवहार का अनुभव कर रहा हूं। एक साधारण वर्कअराउंड सेट हैंडआउट के साथ क्लिक हैंडलर के निष्पादन को स्थगित करना है और इस बीच ब्राउज़र को अपना जादू करने दें:

$("#myCheckbox").click( function() {
    var that = this;
    setTimeout(function(){
        alert($(that).is(":checked"));
    });
});

Question 6

यदि आप इसके बजाय अवांछित व्यवहार का अनुमान लगाते हैं, तो इसके आसपास एक दूर jQuery.trigger () से चेकबॉक्स के क्लिक हैंडलर में एक अतिरिक्त पैरामीटर पास करना होगा। यह अतिरिक्त पैरामीटर क्लिक हैंडलर को सूचित करने के लिए है कि क्लिक को प्रोग्रामेटिक रूप से ट्रिगर किया गया है, बजाय उपयोगकर्ता सीधे चेकबॉक्स पर क्लिक करने के। चेकबॉक्स का क्लिक हैंडलर तब रिपोर्ट किए गए चेक की स्थिति को उलट सकता है।

तो यहां बताया गया है कि किस तरह से मैं आईडी "myCheckBox" के साथ एक चेकबॉक्स पर क्लिक इवेंट को ट्रिगर करूंगा। ध्यान दें कि मैं एक एकल सदस्य के साथ एक वस्तु पैरामीटर भी पारित कर रहा हूं, जो कि nonUI है, जो सत्य पर सेट है:

$("#myCheckbox").trigger('click', {nonUI : true})

और यहां बताया गया है कि मैं चेकबॉक्स के क्लिक हैंड हैंडलर में कैसे हैंडल करता हूं। हैंडलर फ़ंक्शन अपने दूसरे पैरामीटर के रूप में nonUI ऑब्जेक्ट की उपस्थिति के लिए जाँच करता है। (पहला पैरामीटर हमेशा ईवेंट ही होता है।) यदि पैरामीटर मौजूद है और सही पर सेट है तो मैं रिपोर्ट की गई स्थिति को उल्टा कर देता हूं। यदि ऐसा कोई पैरामीटर पारित नहीं किया गया है - जो तब नहीं होगा जब उपयोगकर्ता केवल UI में चेकबॉक्स पर क्लिक करता है - तो वास्तविक .checked स्थिति की रिपोर्ट करें:

$("#myCheckbox").click(function(e, parameters) {
   var nonUI = false;
        try {
            nonUI = parameters.nonUI;
        } catch (e) {}
        var checked = nonUI ? !this.checked : this.checked;
        alert('Checked = ' + checked);
    });

JSFiddle संस्करण में http://jsfiddle.net/BrownieBoy/h5mDZ/ पर

मैंने क्रोम, फ़ायरफ़ॉक्स और IE 8 के साथ परीक्षण किया है।

Question 7

<input id="widget-wpb_widget-3-custom_date" class="mycheck" type="checkbox" value="d/M/y" name="widget-wpb_widget[3][custom_date]" unchecked="true">    

var atrib = $('.mycheck').attr("unchecked",true);
$('.mycheck').click(function(){
if ($(this).is(":checked")) 
{
$('.mycheck').attr("unchecked",false);
   alert("checkbox checked");
}
else
{
$('.mycheck').attr("unchecked",true);
 alert("checkbox unchecked");
}
});

Question 8

  $("#checkbox").change(function(e) {

  if ($(this).prop('checked')){
    console.log('checked');
  }
});

Question 9

$("#personal").click(function() {
      if ($(this).is(":checked")) {
            alert('Personal');
        /* var validator = $("#register_france").validate(); 
        validator.resetForm(); */
      }
            }
            );

JSFIDDLE

Question 10

खैर, पहले परिदृश्य का मिलान करने के लिए, यह कुछ ऐसा है जिसे मैं लेकर आया हूं।

http://jsbin.com/uwupa/edit

अनिवार्य रूप से, "क्लिक" इवेंट को बाइंड करने के बजाय, आप अलर्ट के साथ "परिवर्तन" इवेंट को बांधते हैं।

फिर, जब आप ईवेंट को ट्रिगर करते हैं, तो पहले आप क्लिक ट्रिगर करते हैं, फिर परिवर्तन को ट्रिगर करते हैं।

Question 11

निक क्रेवर के जवाब के अलावा, इस पर ठीक से काम IE 8करने के लिए आपको चेकबॉक्स में एक अतिरिक्त क्लिक हैंडलर जोड़ने की आवश्यकता है:

// needed for IE 8 compatibility
if ($.browser.msie)
    $("#myCheckbox").click(function() { $(this).trigger('change'); });

$("#myCheckbox").change( function() {
    alert($(this).is(":checked"));
});

//Trigger by:
$("#myCheckbox").trigger('click').trigger('change');

अन्यथा कॉलबैक केवल तभी ट्रिगर किया जाएगा जब चेकबॉक्स फ़ोकस खो देता है, IE 8जब वे क्लिक किए जाने पर चेकबॉक्स और रेडियो पर ध्यान केंद्रित करते हैं।

_{IE 9हालांकि परीक्षण नहीं किया गया ।}

Question 12

$( "#checkbox" ).change(function() {
    if($(this).is(":checked")){
        alert('hi');
    }

});

Question 13

सबसे तेज़ और आसान तरीका :

$('#myCheckbox').change(function(){
    alert(this.checked);
});

$el[0].checked;

$ एल - चयन का jquery तत्व है।

का आनंद लें!

Question 14

if ($.browser.msie) {
    $("#myCheckbox").click(function() { $(this).trigger('change'); });
}

$("#myCheckbox").change(function() {
        alert($(this).is(":checked"));
    });