I want to add a class in a table if the checkbox is checked:
Actualy :
<div class="oe_list oe_view"><table class="oe_list_content">
<thead>
</thead><tbody>
<tr data-id="196" style="">
<th class="oe_list_record_selector" width="1">
<input name="radiogroup" type="checkbox">
</th>
<td data-field="ref" class="oe_list_field_cell oe_list_field_char oe_readonly ">C140167</td>
<td data-field="display_name" class="oe_list_field_cell oe_list_field_char oe_readonly ">My data</td>
And I Want:
<div class="oe_list oe_view"><table class="oe_list_content">
<thead>
</thead><tbody>
<tr data-id="196" class="trselected" style="">
<th class="oe_list_record_selector" width="1">
<input name="radiogroup" type="checkbox">
</th>
<td data-field="ref" class="oe_list_field_cell oe_list_field_char oe_readonly ">C140167</td>
<td data-field="display_name" class="oe_list_field_cell oe_list_field_char oe_readonly ">My data</td>
I tried this code in my .js file:
$(document).ready(function() {
$(":checkbox").change(function () {
$(this).parent().parent().toggleClass('trselected');
});
});
but it did not work.
How can I add a class to the parent tr if the input checkbox is checked?
I'm working on something similar (hiding particular columns on demand) if I have success I'll let you in on it ;)