Check Checkbox On Row Click

Question

I have the following HTML (many, many rows):

<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>

Anytime I click on any TD, I want to check the checkbox in that row. I have something like this:

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

But that's not working. Any help?

Devima · Accepted Answer · 2014-04-27 16:19:48Z

1

If you want toggle on of checked by clicking on td you can use this code

<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>

answered Apr 27, 2014 at 16:19

Devima

1,5662 gold badges10 silver badges16 bronze badges

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

1 Comment

Jaxx0rr Over a year ago

this works but if the checkbox is in one of those td's and you click it then it cancels itself out.. a fast solution is to not give the class name to that td with the checkbox / radio button

Ehsan Sajjad · Accepted Answer · 2014-04-27 16:12:59Z

0

Here is the code for it:

$(document).ready(function(){

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

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

     });


});

Working Fiddle DEMO

edited Apr 27, 2014 at 16:12

answered Apr 27, 2014 at 16:06

Ehsan Sajjad

62.6k16 gold badges113 silver badges171 bronze badges

Comments

JohanVdR · Accepted Answer · 2014-04-27 16:22:50Z

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

edited Apr 27, 2014 at 16:22

answered Apr 27, 2014 at 16:10

JohanVdR

2,8781 gold badge17 silver badges16 bronze badges

Collectives™ on Stack Overflow

Check Checkbox On Row Click

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related