Set $ ​​.prop() sin provocar cambio

Question

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

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

Al hacer clic en la entrada de nivel superior, Quiero establecer .prop('checked', true) para todos sus hijos, pero quiero evitar que activa el evento change para cada casilla niño.

¿Cómo podría establecer .prop('checked', true) en una entrada sin activar change?

Editar: (expandir)

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

Lo que está describiendo es la funcionalidad predeterminada. Cambiar un elemento de javascript no activa el evento de cambio.

http://jsfiddle.net/8JsP4/

Note como si hace clic en una casilla de verificación en el ejemplo, se obtiene una alerta, pero si hace clic en el botón, ninguna alerta.

Answer 2

tratar de desvincular el oyente onchange, a continuación, se unen de nuevo una vez que la propiedad ha sido establecido.

Answer 3

Ahora su selector se dirige a todos los elementos input. Puedes darle a tu casilla de verificación principal un Id, y a los demás una clase común.

<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