Detect checkbox has been click with JQuery?

Question

What wrong with the my code. When I click on the checkbox, nothing happen

$(document).ready(function(){
     $('input:checkbox[name=drawingNo]').click(function(){alert('I am here');});            
});  
...
<body>
    <form>
        <input type="checkbox" name="drawingNo" value="1"> 1 <br>
        <input type="checkbox" name="drawingNo" value="2"> 2 <br>
        <input type="checkbox" name="drawingNo" value="3"> 3 <br>
        <input type="checkbox" name="drawingNo" value="4"> 4 <br>
    </form>
</body>

EDIT: The above code worked fine. What happen to me is that, the tag <input type="checkbox"> are generated by some other script, so when document.ready() fire up, it cant register click event to checkbox, since these checkbox are not really there yet. So to fixed it: change .click() into .live('click', function(){...})

Joberror · Accepted Answer · 2010-03-11 00:20:39Z

4

Your selector is wrong..

The below is the best format

$(document).ready(function(){
 $("input[name='drawingNo']").live('click', function(){
 alert('I am here');
 });            
});

answered Mar 11, 2010 at 0:20

Joberror

5,8903 gold badges22 silver badges15 bronze badges

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

1 Comment

Joberror Over a year ago

check the way the selector is formatted " $("input[name='drawingNo']") " and the live event added

jessegavin · Accepted Answer · 2010-03-10 23:19:37Z

1

It works fine for me in IE, FF and Chrome.

answered Mar 10, 2010 at 23:19

jessegavin

75.8k28 gold badges141 silver badges165 bronze badges

Comments

Tracker1 · Accepted Answer · 2010-03-11 00:13:44Z

1

Use $.fn.live ...

$('input:checkbox[name=drawingNo]').live('click',function(){
   alert('I am here');
});

answered Mar 11, 2010 at 0:13

Tracker1

19.4k12 gold badges85 silver badges106 bronze badges

Comments

kaelle · Accepted Answer · 2010-03-10 23:19:37Z

0

try removing ':checkbox' so that it looks like:

$('input[name=drawingNo]').click(function(){alert('I am here');});

any better?

answered Mar 10, 2010 at 23:19

kaelle

4672 gold badges15 silver badges23 bronze badges

Collectives™ on Stack Overflow

Detect checkbox has been click with JQuery?

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related