Jquery Trigger checkbox: function tied to click event occurs before the checked attribute is set

Question

I am implementing a "Billing address is same as Address" type function, which when a checkbox is checked fills the fields based on the other fields. Works perfectly.

The function for the click event..

    if ($(this).attr('checked')) {
        // copy address fields to billing fields
    }
    else{
        // clear fields
    }

Now I use an event (jquery hotkey plugin) to auto fill all of the fields in the form so I can easily and quickly demo and test the form. Instead of cheating and filling in the billing fields as the address fields i want to use

$("#CheckboxForAutofillId").trigger('click');

This does not work the first time I fire the event, as in the above function which is called it checks for the attribute of checked, however the trigger('click'), apparently calls the event BEFORE it changes the attribute.

Which means for me to simulate it correctly I have to do this..

$("#CheckboxForAutofillId").attr("checked", "checked"); // sets checked
$("#CheckboxForAutofillId").trigger('click');           // fires event then 'unchecks'
$("#CheckboxForAutofillId").attr("checked", "checked"); // rechecks

Reading the jquery page for trigger, I didn't notice this mentioned, and I haven't bothered to dig through the source to see what actually is occurring but it seems to me that ideally the trigger event should set the 'checked' attribute before firing the event itself as that is a better simulation of a person checking a checkbox?

Am I missing something?

Mo Valipour · Accepted Answer · 2011-06-24 21:47:14Z

8

you should use change() instead of click().

$("#CheckboxForAutofillId").change(function()
{
    if(this.checked) ...
});

answered Jun 24, 2011 at 21:47

Mo Valipour

13.5k13 gold badges64 silver badges87 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

BumbleB2na Over a year ago

always happy to see proper use of js/jquery mix +1

Collectives™ on Stack Overflow

Jquery Trigger checkbox: function tied to click event occurs before the checked attribute is set

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related