Set $ ​​.prop () without triggering change

Question

<li> <input type="checkbox" id="master" /> <ul> <li> <input type="checkbox" /> $('input').bind('change', function() {}); // exists elsewhere, cannot change 

When I click on the top level input, I want to set .prop('checked', true) for all my children, but I want to avoid triggering a change event for each child.

How could I set .prop('checked', true) to enter without running change ?

Edit: (extension)

 $('#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

What you describe is the default functionality. Changing an element from javascript does not fire the change event.

http://jsfiddle.net/8JsP4/

Note that if you click on the check box in this example, you will receive a warning, but if you click on the button, there will be no warning.

Answer 2

Your selector now targets all input elements. You can specify your main flag "Identifier", and the rest - a common class.

 <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 

Answer 3

try to untie the onchange listener and then tie it again as soon as the property is set.