将类添加到复选框所在的行

时间:2016-08-14 09:21:35

标签: jquery checkbox

如何在行中添加一个类,我选择的复选框位于tr?

现在,它选择了所有的,删除了我想要的那个。

感谢您的帮助!

echo '<tr id="sor'.intval($a['kapcsolat_id']).'">
                            <td class="left"><input class="table_row_checkbox" type="checkbox" name="selectedRows[]" value="'.intval($a['kapcsolat_id']).'" /></td>
                            <td style="text-align: center;">'.intval($a['kapcsolat_id']).'</td>
                            <td class="left">'.html($a['kapcsolat_nev']).'</td>
                            <td class="left">'.html($a['kapcsolat_email']).'</td>
                            <td class="left">'.html($a['kapcsolat_tel']).'</td>
                            <td style="text-align: center;">'.date_substr($a['kapcsolat_date']).'</td>
                            <td style="text-align: center; color:'.$color.'">'.$status.'</td>
                            <td class="right">
                                <a href="http://'.$_SERVER['HTTP_HOST'].'/'.$admin_folder.'/beerkezett-uzenet.php?id='.intval($a['kapcsolat_id']).'"><span class="btn btn-sm button"><span class="glyphicon glyphicon-pencil"></span></span></a>
                                <a id="'.intval($a['kapcsolat_id']).'" href="#" class="deleteLink"><span class="btn btn-sm btn-danger "><span class="glyphicon glyphicon-remove"></span></span></a>
                            </td>
                         </tr>';



$('.table_row_checkbox').change(function(){
    if($(this).is(":checked")) {
        $(this).closest(":has(tr)").find('tr').addClass("checkbox_checked_row");
    } 
    else {
        $(this).closest(":has(tr)").find('tr').removeClass("checkbox_checked_row");
    }
});

2 个答案:

答案 0 :(得分:0)

获取父元素:

$(this).parent().parent().addClass('checkbox_checked_row');

在你的情况下:

Fist parent = td

第二个父= tr

答案 1 :(得分:0)

    $(function(){

    $('.table_row_checkbox').on('change',function(){
    if($(this).is(":checked")) {
        $(this).parents('tr').addClass("checkbox_checked_row");
    } 
    else {
        $(this).parents('tr').removeClass("checkbox_checked_row");
    }
});
});