Проверьте флажок при щелчке строки

Question

Проверьте флажок при щелчке строки

0

У меня есть следующий 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');
});

Но это не работает. Любая помощь?

execv 27 апр. 2014, в 18:43

Источник

Теги:

jquery

3 ответа

0

Вот код для него:

$(document).ready(function(){

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

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

     });


});

Рабочий скрипт DEMO

Ehsan Sajjad 27 апр. 2014, в 14:40

0

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!');
  });
});

JohanVdR 27 апр. 2014, в 13:54

Ещё вопросы

Devima · Accepted Answer · 2014-04-27T15-12-00.000Z

Если вы хотите включить проверку, нажав на 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>