How to change a Checkbox attribute on click of parent

Question

I need small suggestion from you.

Onclick of the checkbox attribute inside that should be changed.There is also a inside the

HTML Code:

 <table>
 <tr>
 <td class="answer"><input tabindex="4" type="checkbox" name="Dum1_4" id="Dum1_4" value="1"/></td>
 <td class="answerlabel"><label for="Dum1_4" id="Dum1_4_label"><table class="sample"><tr><td><img src="/ThumbsV2/2200000999-f.png"></td></tr><tr><td><b>Product 4</b></td></tr><tr><td>Product Description 4</td></tr><tr><td><b>Price 4</b></td></tr></table></label></td>
</tr>
<tr>
<td class="answer"><input tabindex="5" type="checkbox" name="Dum1_5" id="Dum1_5" value="1"/></td>
<td class="answerlabel"><label for="Dum1_5" id="Dum1_5_label"><table class="sample"><tr><td><img src="/ThumbsV2/2200001080-f.png"></td></tr><tr><td><b>Product 5</b></td></tr><tr><td>Product Description 5</td></tr><tr><td><b>Price 5</b></td></tr></table></label></td>
</tr>
</table>

Here is my code:

$('.sample').click(function()
{       
row =$this.parents("td");
row.siblings().find("input:checkbox").attr("checked","checked" );
}
});
});

Please someone help me!

From jQuery 1.6 use "prop()" for boolean attributes. See [jQuery docs](http://api.jquery.com/prop/) for more information. `$(this).find('input:checkbox').prop('checked', true);` — Melvin, Jun 10 '11 at 13:43
I have tried below code $(document).ready(function() { $('TABLE TBODY TR TD TABLE').click(function() { $(this).parents('td').prev('td').find('input:checkbox').attr("checked",false ); } } — Reddy, Jun 10 '11 at 14:11

score 1 · Answer 1 · edited May 23 '17 at 12:26

1

try

$('TABLE TBODY TR').click(function()
{
    $(this).find('input:checkbox').attr("checked", "checked");
});

There's a decent SO thread about manipulating checkboxes with jQuery

View example here

edited May 23 '17 at 12:26

Community

1
1

answered Jun 10 '11 at 13:41

dotty

40,405
66
150
195

score 1 · Accepted Answer · answered Jun 10 '11 at 13:46

1

$('TABLE > TBODY > TR').click(function()
{
    $('input:checkbox', $(this)).prop("checked", "checked");
});

answered Jun 10 '11 at 13:46

Chris

7,229
7
41
57

Melvin · Answer 3 · 2011-06-10T14:43:14.693

If you are trying to toggle the selected state, use the following:

jQuery 1.6+

$('table tbody tr').click(function() {
    $('input:checkbox', this).prop('checked', function(index, oldValue) {
        return !oldValue;
    });
});

jQuery pre-1.6

$('table tbody tr').toggle(function() {
    $('input:checkbox', this).attr('checked', 'checked');
}, function() {
    $('input:checkbox', this).removeAttr('checked');
});

score 0 · Answer 4 · answered Apr 18 '13 at 12:29

this was working fine for me:

$('#checkall').click(function() {
$('#cause').children().each(function() {    
                        $(this).find("input[type='checkbox']").prop("checked", $('#checkall').prop("checked"));
                    });
                });

just use it without the each function / check / uncheck all elements

score 0 · Answer 5 · answered Jun 10 '11 at 13:39

0

Changing the value of the attribute to "checked" should work.

$('TABLE TBODY TR').click(function()
{
    $(this).find('input:checkbox').attr("checked", "checked");
});

See it in action.

answered Jun 10 '11 at 13:39

Jon

428,835
81
738
806

Hello Jon,thanks for your response..But sorry to say that still it is not working :-( – Reddy Jun 10 '11 at 13:41
Could we see some of the HTML? – dotty Jun 10 '11 at 13:43

score 0 · Answer 6 · answered Jun 10 '11 at 13:41

0

try this

$(this).find('input:checkbox').attr("checked","checked");

answered Jun 10 '11 at 13:41

Vivek

10,978
14
48
66

score 0 · Answer 7 · answered Jun 10 '11 at 13:46

0

With jQuery 1.6, the code is more readable:

$("table tbody tr").click(function(){
    $(this).find("input[type='checkbox']").prop("checked",true);
});

answered Jun 10 '11 at 13:46

imsky

3,239
17
16

How to change a Checkbox attribute on click of parent

7 Answers7

Linked