toggle check box

what about :

$(":checkbox[name='myCheck']").click(function() {
//$("body").on("click", ":checkbox[name='myCheck']", function() {
    alert( $(this).is(":checked")?"I am checked":"I am un checked" );
})¿

Select allOpen in new window

test page : http://jsfiddle.net/Fw3ry/

Basically .on() is used when HTML is rendered dynamically ( e.g. you loading html using ajax call) otherwise you can go with .click () as example given by @leakim971

I use this code:

$(function(){
    $(":checkbox[name='myCheck']").change( function() {
        alert( $(this).is(":checked")?"I am checked":"I am un checked" );
    });
});

The use of live() and delegate() have both been deprecated in favour of on(). Use change() if the element will be there when you inject the event to it.

If the element is going to be added later then you will need to delegate the click function to an element higher in the dom, for example you add the element to a div during a different function - e.g. an ajax function - load(). To do this you use the on() function. For example:

$(function(){
    $(document).on("change",":checkbox[name='myCheck']",function() {
        alert( $(this).is(":checked")?"I am checked":"I am un checked" );
    });
});

Select allOpen in new window

In this case the click event is "attached" to the document object, but works on any checkbox with name myCheck, it is actually working on the checkbox so the this variable is the checkbox.

I noticed the examples that are simplified if else statements can you put the if else statements in long form