Home/ Questions/Q 814343
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T01:30:20+00:00

The code below doesn’t work in the same behavior. The sequence of click event

  • 0

The code below doesn’t work in the same behavior. The sequence of click event and calling foo() is different. I want to know why they behave different sequence between call click() and iterate the objects before call click() on each.

<script type="text/javascript">

      function foo(obj){
        alert(obj.id+" ->"+obj.checked);
      }

      function clickAll(val){
        if (val) {
          $(":checkbox").click();
        } else {
          $(":checkbox").each(function(i,obj){
              obj.click();
              });
        }
      }
    </script> 
  </head>
<body>
<input type="checkbox" id="check1" onclick="foo(this)" /> a
<input type="checkbox" id="check2" onclick="foo(this)" /> b
<input type="checkbox" id="check3" onclick="foo(this)" /> c
<input type="button" onclick="clickAll(true)" value="click all" />
<input type="button" onclick="clickAll(false)" value="click all each" />
</body>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Instead of…

    $(":checkbox").each(function(i,obj){
 obj.click();
});

    Try:

    $(':checkbox').each(function() {
 $(this).click();
});
    • 0