Лучший способ проверить и снять флажок в TR

Question

<table>
    <tr>
        <td><input type="checkbox"></td><td>aa</td><td>ss</td>
    </tr>
    <tr>
        <td><input type="checkbox"></td><td>aa</td><td>ss</td>
    </tr>
    <tr>
        <td><input type="checkbox"></td><td>aa</td><td>ss</td>
    </tr>
</table>

LIVE: http://jsfiddle.net/6U5WH/

Как лучше всего установить и снять флажок, если я нажимаю на TR с текущим флажком?Возможно только с HTML (метка?)?Если нет, то я бы хотел использовать jQuery.

Answer 1

// when the row is clicked toggle the checked property
$('tr').click(function() {
     var $cb = $(this).find(':checkbox');
     $cb.prop('checked',!$cb.prop('checked'));
});
// prevent a click on the actual checkbox from bubbling to the row
$('tr :checkbox').click( function(e) {
     e.stopPropagation();
});

Обновленная скрипка: http://jsfiddle.net/6U5WH/1/

Answer 2

Ребята, вы так быстро, вот и мой пример http://jsfiddle.net/staar2/6HtqB/3/

var selector = 'input[type=checkbox]';
$('tr').toggle(function() {
   $(this).find(selector).attr('checked', 'checked'); 
}, function() {
   $(this).find(selector).removeAttr('checked'); 
});

Answer 3

Вам придется нам jQuery.

Попробуйте этот код:

$('.offer').click(function(){ 
       var $checkbox = $(this).find(':checkbox');
       $checkbox.prop('checked', !$checkbox[0].checked);
 });