jQuery Forum

well I've got a Problem with my code and hopefully you can help me. The competition is that there is a table width a heckbox inside and if the ckeckbox is checked the tr of this checkbox should get class "sel" and remove this class if it get unchecked. So the problem with the actual code is that everytime a new checkbox got checked the <tr> of the checkbox which was checked before losts the class "sel" and just the last checked checkbox will get it. Do you have an idea how the could must look like to get it work?

Html like this:

1. <table>
2. <tr><td><input type=”checkbox” class=”cbU”></td></tr>
3. <tr><td><input type=”checkbox” class=”cbU”></td></tr>
4. <tr><td><input type=”checkbox” class=”cbU”></td></tr>
5. <tr><td><input type=”checkbox” class=”cbU”></td></tr>
6. </table>

Script:

1. $(".cbU").change(function() {
2.       if ($(this).is(':checked'))
3.       {    
4.             $(this).closest('tr').addClass('sel');
5.       }   
6.       else {
7.             $(this).closest('tr').removeClass('sel');
8.             }
9. });