Set $ ​​.prop() bez wywoływania zmian

Question

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

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

Kiedy klikam wejście najwyższym poziomie, chcę ustawić .prop('checked', true) dla wszystkich swoich dzieci, ale chcę uniknąć wyzwalania zdarzenie change wyboru dla każdego dziecka.

Jak ustawić .prop('checked', true) na wejściu bez wyzwalania change?

Edycja: (rozszerzenie)

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

To, co opisujesz, jest domyślną funkcjonalnością. Zmiana elementu z javascript nie wywołuje zdarzenia zmiany.

http://jsfiddle.net/8JsP4/

Wskazówki jak po kliknięciu na pole wyboru na przykład, można dostać ostrzeżenie, ale jeśli klikniesz przycisk, bez ostrzeżenia.

Answer 2

spróbować Aby rozpiąć na onchange słuchacza, a następnie powiązać go ponownie, gdy nieruchomość została ustawiona.

Answer 3

Teraz selektor jest skierowany do wszystkich elementów input. Możesz nadać główne pole wyboru identyfikator, a inne wspólną klasę.

<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