JQuery / javascript different actions with user click and programmatically check the box

Question

A bit hard to explain, so I set up jsFiddle here .

Essentially, I have some actions when the user clicks the checkbox. Elsewhere, I'm trying to programmatically check a box, and I need to see exactly the same behavior. This does not work, it seems that something is related to the order of clicking and the definition of the checked attribute.

How to get the behavior I'm looking for without resorting to hacking?

Answer 1

change ( jQuery , blur), :

$('span').click(function() { $('.test').click().change(); });

... , .

Answer 2

javascript ... html:

<input type="checkbox" id="myid" />&nbsp;<label for="myid">My Label</label>

javascript-, .

:)

jquery:

$('span').click(function() { $('.test').trigger('click'); });

Answer 3

, , javascript click jQuery, :

$('.test')[0].click();