¿Cómo activar el evento de clic en la casilla de verificación incluso si está marcado a través del código Javascript?

Tengo muchas casillas de verificación en mi página y hay una casilla de verificación para seleccionar todo que marca todas las casillas de verificación. De alguna manera, quiero emular ese evento de clic de la casilla de verificación incluso si está marcado / desmarcado a través del botón Seleccionar todo. ¿Cómo puedo hacerlo?

Puede utilizar el .trigger()método jQuery . Ver http://api.jquery.com/trigger/

P.ej:

$('#foo').trigger('click');

Obtener el estado del cheque

var checked = $("#selectall").is(":checked");

Entonces para configurar

$("input:checkbox").attr("checked",checked);

También puedes usar la .change()función

P.ej:

$('form input[type=checkbox]').change(function() { console.log('hello') });

sin gQuery

document.getElementById ('su_caja'). onclick ();

Usé cierta clase en mis casillas de verificación.

var x = document.getElementsByClassName("box_class");
var i;
for (i = 0; i < x.length; i++) {
    if(x[i].checked) x[i].checked = false;
    else x[i].checked = true;
    x[i].onclick();
   }

También puedes usar esto, espero que puedas servirles.

$(function(){
  $('#elements input[type="checkbox"]').prop("checked", true).trigger("change");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

<div id="elements">
  <input type="checkbox" id="item-1" value="1"> Item 1 <br />
  <input type="checkbox" id="item-2" value="2" disabled> Item 2 <br /> 
  <input type="checkbox" id="item-3" value="3" disabled> Item 3 <br />
  <input type="checkbox" id="item-4" value="4" disabled> Item 4 <br />
  <input type="checkbox" id="item-5" value="5"> Item 5
</div>

La función de activación de jQuery podría ser su respuesta.

jQuery docs dice: Cualquier controlador de eventos adjunto con .on () o uno de sus métodos de acceso directo se activa cuando ocurre el evento correspondiente. Sin embargo, se pueden disparar manualmente con el método .trigger (). Una llamada a .trigger () ejecuta los controladores en el mismo orden en que estarían si el evento fuera activado naturalmente por el usuario

Por lo tanto, la mejor solución de una línea debería ser:

$('.selector_class').trigger('click');

//or

$('#foo').click();

  $("#gst_show>input").change(function(){

    var checked = $(this).is(":checked");
    if($("#gst_show>input:checkbox").attr("checked",checked)){
      alert('Checked Successfully');
    }

  });