jQuery सभी चेकबॉक्स सेट

Question

जाँच की मैं jQuery 1.11.1 उपयोग कर रहा हूँ और यह मेरा कोड है:

$("#rowchkall").change(function(){ 
    if($(this).is(':checked')){ 
     $("input:checkbox[class=rowchk]").each(function() { 
      alert("set checked"); 
      $(this).attr('checked', "checked"); 
     }); 
    }else{ 
     $("input:checkbox[class=rowchk]").each(function() { 
      $(this).attr('checked', false); 
     }); 
    } 
}); 

जब मैं पहली बार #rowchkall पर क्लिक करें, सभी चेकबॉक्स चेक को तैयार है। जब मैं इसे फिर से क्लिक करता हूं, तो सभी चेकबॉक्स अनचेक किए जाते हैं।

जब मैं इसे फिर से क्लिक करता हूं, तो अलर्ट बॉक्स अभी भी दिखाई देता है लेकिन चेकबॉक्स में से कोई भी चेक नहीं किया जाएगा। यह केवल पहली बार क्यों काम करता है? मेरे द्वारा यह कैसे किया जा सकता है?

धन्यवाद।

Answer 1

उपयोग .prop() बजाय .attr()

$(this).prop('checked', true); //true to check else false uncheck 

आपका कोड

के रूप में सरल किया जा सकता

$("#rowchkall").change(function() { 
    $("input:checkbox.rowchk").prop('checked',this.checked); 
}); 

एक अच्छा पढ़ें .prop() vs .attr()

Answer 2

कोशिश के बजाय .prop() उपयोग करने के लिए .attr()

$("#rowchkall").change(function(){ 
    $("input:checkbox[class=rowchk]").prop('checked', this.checked); 
}); 

और आपको अपनी संपत्ति बदलने के लिए सभी तत्वों पर iterate की आवश्यकता नहीं है।

Answer 3

$("#rowchkall").change(function(){ 
    if($(this).is(':checked')){ 
     $("input.rowchk[type=checkbox]").each(function() { 
      alert("set checked"); 
      $(this).attr('checked',true); 
     }); 
    }else{ 
     $("input.rowchk[type=checkbox]").each(function() { 
      $(this).attr('checked', false); 
     }); 
    } 
});