Instead of using click() which will fire the event, try setting the
checkbox attribute directly:
$(checkbox).attr('checked', 'checked');
On Feb 19, 1:37 pm, Chuck <kaspers...@gmail.com> wrote:
> Hi,
>
> I'm rewriting some old code to use jQuery now, and I can figure out
> why this isn't working and would love some help. I used to create a
> checkbox DOM element and assign a function object to the onlick
> handler:
>
> var theElement = document.createElement( 'input' );
> theElement.type = "checkbox";
> theElement.onclick = checkCallback;
>
> Then later I want to invoke that handler if some state is true, put
> that in using jQuery a while ago:
>
> $(theRow).find(':input[type="checkbox"]').click();
>
> When I did this the onclick handler was called and set up some
> presentation based on the checkbox being 'checked'. In the handler
> the value of event.target.checked was true. When the handler
> finished, the UI presentation was a checked box.
>
> Well, now I'm changing the HTML around so much that I'm rewriting it
> with jQuery methods. So now I create the checkbox (and its enclosing
> table cell) with an HTML string:
>
> $row.append( $('<td class="'+ className +'" align="middle">'
> +'<input type="checkbox" name="iScsiTargetVolume" id="' foo'"/>'
>
> +'</td>') );
>
> And later set the onclick handler and TRY to check the box:
> $row.find(':checkbox').click( checkCallback );
> if ( test )
> {
> $row.find(':checkbox').click();
> }
>
> However, in the click handler when I get the event.target.checked is
> ALWAYS false for the above call. All is as expected when the handler
> is called based on a real UI click. I've been playing with this for a
> couple of hours and can't figure out what is up.
>
> Thoughts anyone?
>
> thanks,
> Chuck
