Question

我有以下HTML（许多行）：

<tr>
    <td class="order_row"><input type="checkbox" name="data[Order][id][]" value="951"></td>
    <td class="order_row">04/03/2014</td>
    <td class="order_row">Test</td>
    <td class="order_row">123</td>
</tr>

任何时候我点击任何TD，我想检查该行中的复选框。我有这样的事情：

$('.order_row').css('cursor', 'pointer').click(function() {
    $(this).parent('tr').find('input').trigger('click');
});

但那不起作用。有什么帮助吗？

Answer 1

以下是代码：

$(document).ready(function(){

$('table').on('click','.order_row',function() {

    $(this).parent('tr').find('input').prop("checked",true);

     });


});

Working Fiddle DEMO

Answer 2

http://jsfiddle.net/fuR6u/10/

$(function(){
  $('.order_row').css('cursor', 'pointer').click(function() {
    var checkbox =  $(this).parent('tr').find('input[type=checkbox]');
    if(checkbox.length > 0 && checkbox.is(':checked')) alert('checked!');
  });
});

Answer 3

如果您想通过点击td来切换选中，您可以使用此代码

<script type="text/javascript">
$(document).ready(function(){
    $('.order_row').css('cursor', 'pointer').click(function() {
        var checkBoxes = $(this).parent('tr').find('input:checkbox')
        checkBoxes.prop("checked", !checkBoxes.prop("checked"));
    });
})
</script>

检查行上的复选框单击

3 个答案: