jQuery चेकबॉक्स चेक/अनचेक

Question

मेरे फ़ंक्शन को ट्रिगर करने वाले तत्व के अंदर रखे गए चेकबॉक्स को चेक/अनचेक करने का उचित तरीका क्या होगा?

<table id="news_list"> 
<tr> 
    <td><input type="checkbox" name="news[1]" /></td> 
    <td>TEXT</td> 
</tr></table> 

$("#news_list tr").click(function() { 
    var ele = $(this).find('input'); 
    if(ele.is(':checked')){ 
     ele.removeAttr('checked'); 
     $(this).removeClass('admin_checked'); 
    }else{ 
     ele.attr('checked', 'checked'); 
     $(this).addClass('admin_checked'); 
    } 
}); 

समस्या मैं जाँच करें और केवल एक बार प्रत्येक बॉक्स अनचेक कर सकते है:

यहाँ मेरी कोड है। कभी-कभी मैंने चेक और अनचेक किए जाने के बाद भी यह कक्षा को जोड़/हटाता है, लेकिन कभी भी बॉक्स को चेक नहीं करता (यहां तक ​​कि जब मैं चेकबॉक्स पर क्लिक करता हूं, तालिका पंक्ति नहीं)।

मैंने .bind ('क्लिक') ट्रिगर का उपयोग करने का प्रयास किया है, लेकिन यह वही परिणाम है।

कोई समाधान?

Answer 1

उपयोग .prop() का उपयोग करने के बजाय और अगर हम अपने कोड के साथ जाना तो इस तरह की तुलना:

$("#news_list tr").click(function() { 
    var ele = $(this).find(':checkbox'); 
    if ($(':checked').length) { 
     ele.prop('checked', false); 
     $(this).removeClass('admin_checked'); 
    } else { 
     ele.prop('checked', true); 
     $(this).addClass('admin_checked'); 
    } 
}); 

परिवर्तन::

उदाहरण jsbin पर

देखो

1. input से :checkbox बदल गया।
2. checked checkboxes के the length की तुलना करना।

Answer 2

checked के मान को सेट करने के लिए attr() के बजाय prop() का उपयोग करें। input के बजाय खोजने विधि में :checkbox का भी उपयोग करें और विशिष्ट हो।

Live Demo

$("#news_list tr").click(function() { 
    var ele = $(this).find('input'); 
    if(ele.is(':checked')){ 
     ele.prop('checked', false); 
     $(this).removeClass('admin_checked'); 
    }else{ 
     ele.prop('checked', true); 
     $(this).addClass('admin_checked'); 
    } 
}); 

Use prop instead of attr for properties like checked

jQuery 1.6 के रूप में, .attr() विधि गुण कि सेट नहीं किया गया के लिए अनिर्धारित दिखाता है। निकालते हैं और डोम गुणों को बदलने के इस तरह के जाँच की, चयनित, या निष्क्रिय रूप तत्वों के राज्य के रूप में, .prop() विधि

Answer 3

$('mainCheckBox').click(function(){ 
    if($(this).prop('checked')){ 
     $('theControledCheckBoxes').prop('checked', true); 
    }else{ 
     $('theControledCheckBoxes').prop('checked', false); 
    } 
});