Checkbox click event on table row click

Question

I have a table that contains several rows each containing one checknox. Checkbox will get selected on the row click event. Now how can I apply an onclick event for a checkbox?

$('input[type=checkbox]').click(function() {      
  countPopChecked();           
});

This is my script. This is working when I click on the checkbox. But I want this functionality when I am clicking on the table row.

adeneo · Accepted Answer · 2013-04-09 13:03:41Z

5

$('input[type="checkbox"]').closest('tr').on('click', function() {      
    countPopChecked();           
});

or :

$('tr').has('input[type="checkbox"]').on('click', function() {      
    countPopChecked();           
});

answered Apr 9, 2013 at 13:03

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

2 Comments

user840298 Over a year ago

this is not working for me.. Giving $('input[type="checkbox"]').closest('tr').on is not a function

adeneo Over a year ago

@praji - your version of jQuery is way to old, update to 1.9.1, or at least something above 1.7 to make on() work.

Collectives™ on Stack Overflow

Checkbox click event on table row click

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related