How to trigger checkbox click event even if it s checked through Javascript code

Question

I have many checkboxes in my page and there is a select all checkbox which checks all the checkboxes  Somehow I want to emulate that click event of checkbox even if it s checked unchecked through select all button  How can I do it

User · Answer

no gQuery  document getElementById  your box   onclick     I used certain class on my checkboxes   var x   document getElementsByClassName  box class    var i  for  i   0  i  lt  x length  i          if x i  checked  x i  checked   false      else x i  checked   true      x i  onclick

User · Answer

Trigger function from jQuery could be your answer   jQuery docs says  Any event handlers attached with  on   or one of its shortcut methods are triggered when the corresponding event occurs  They can be fired manually  however  with the  trigger   method  A call to  trigger   executes the handlers in the same order they would be if the event were triggered naturally by the user  Thus best one line solution should be       selector class   trigger  click       or      foo   click

User · Answer

You can also use this  I hope you can serve them    x000D   x000D    function    x000D        elements input type  checkbox     prop  checked   true  trigger  change    x000D      x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 2 2 4 jquery min js  gt  lt  script gt  x000D   x000D   lt div id  elements  gt  x000D     lt input type  checkbox  id  item-1  value  1  gt  Item 1  lt br   gt  x000D     lt input type  checkbox  id  item-2  value  2  disabled gt  Item 2  lt br   gt   x000D     lt input type  checkbox  id  item-3  value  3  disabled gt  Item 3  lt br   gt  x000D     lt input type  checkbox  id  item-4  value  4  disabled gt  Item 4  lt br   gt  x000D     lt input type  checkbox  id  item-5  value  5  gt  Item 5 x000D   lt  div gt  x000D   x000D   x000D

User · Answer

Getting check status  var checked       selectall   is   checked      Then for setting     input checkbox   attr  checked  checked

User · Answer

gst show gt input   change function         var checked     this  is   checked        if     gst show gt input checkbox   attr  checked  checked          alert  Checked Successfully

User · Answer

You can use the jQuery  trigger   method  See http   api jquery com trigger   E g        foo   trigger  click

User · Answer

You can use  change   function too  E g       form input type checkbox    change function     console log  hello

[javascript] How to trigger checkbox click event even if it's checked through Javascript code?

Examples related to javascript

Examples related to jquery

Examples related to checkbox

Examples related to dom-events