Home/ Questions/Q 4625002
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T03:12:37+00:00

I have a Javascript function bound to the click event of an INPUT element

  • 0

I have a Javascript function bound to the click event of an INPUT element (either checkbox or radio). That function examines the ‘checked’ property of the DOM element and takes action depending upon whether it is set or not.

If the user clicks on the element as represented in the GUI, the state of the checked property reflects the appearance in the GUI (that is, if the user’s click activated the element, the checked property is true).

However, if I trigger the click event (using jQuery), then, when the bound-to-the-click function is invoked, examining the state of the checked property does NOT show the new state. However, the GUI does get updated to present proper representation of the actual state.

Is there a defined order to when these activities are performed? It seems odd to me that the event listener would be invoked before the checked property is set.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Interesting. The .click() called through jQuery has a different behaviour than calling .click() direct on the element. See here :

    http://jsfiddle.net/g4aVm/6/

    I would take this to indicate that jQuery is doing something non-standard/buggy here.

    (I’m slight old fashioned and don’t trust jQuery with simple DOM stuff. There’s not much to gain by using a library to replicate what already exists, but that’s a different discussion.)

    • 0