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?