सेट $ .prop() परिवर्तन

Question

<li> 
<input type="checkbox" id="master" /> 
    <ul> 
    <li> 
    <input type="checkbox" /> 

$('input').bind('change', function() {}); // exists elsewhere, cannot change 

ट्रिगर जब मैं शीर्ष स्तर इनपुट क्लिक के बिना, मैं अपने बच्चों के सभी के लिए .prop('checked', true) सेट करना चाहते हैं, लेकिन मैं को प्रत्येक बच्चे चेकबॉक्स के लिए change घटना को ट्रिगर से बचने चाहते हैं।

change ट्रिगर किए बिना इनपुट में .prop('checked', true) कैसे सेट कर सकता हूं?

संपादित करें: (विस्तार करना) onchange श्रोता निकल करने के लिए

$('#master').click(function() { 
    $(this).parent().find('input').each(function(n, in) { 
     $(in).prop('checked', true); // this triggers a change event that I need to stop 
    }); 
}); 

Answer 1

जो आप वर्णन कर रहे हैं वह डिफ़ॉल्ट कार्यक्षमता है। जावास्क्रिप्ट से तत्व बदलना परिवर्तन घटना को आग नहीं करता है।

http://jsfiddle.net/8JsP4/

सूचना कैसे यदि आप उदाहरण में एक चेकबॉक्स पर क्लिक करें, आपको एक अलर्ट मिलता है, लेकिन आप बटन, कोई चेतावनी क्लिक करते हैं।

Answer 2

कोशिश, तो बाँध इसे फिर से एक बार संपत्ति निर्धारित किया गया है।

Answer 3

अभी आपका चयनकर्ता सभी input तत्वों को लक्षित करता है। आप अपना मुख्य चेकबॉक्स एक आईडी दे सकते हैं, और अन्य एक आम वर्ग दे सकते हैं।

<li> 
<input id="main-chk"type="checkbox" /> 
    <ul> 
    <li> 
    <input class="children" type="checkbox" /> 

    $('li:first').bind('change', function() { 
     $(this).find('li').prop('checked', 'checked'); 
    }); // exists elsewhere, cannot change