tableの行をクリックしてcheckboxを選択し、行の色を変更します.

.bgRed{
    background-color: #b2dba1;
}

<table>
    <tr>
        <th><input type="checkbox" id="checkAll">   th>
        <th>    th>
        <th>  th>
        <th>    th>
    tr>
        <td ><input type="checkbox" name="_dataCheckBox">1td>
        <td>  td>
        <td>  td>
        <td>15689547865td>
    tr>
table>

$("#checkAll").click(function () {
    if ($('#checkAll').attr('checked')) {
        $("[name='_dataCheckBox']").prop("checked", 'true');//  
        $("[name='_dataCheckBox']").each(function () {
            $(this).parent().parent().toggleClass("bgRed");//      
        });
    } else {
        $("[name='_dataCheckBox']").removeAttr("checked");//    
        $("[name='_dataCheckBox']").each(function () {
            $(this).parent().parent().toggleClass("bgRed");//      
        });
    }
});

//    （   ）        click  .
$("tr").first().nextAll().click(function () {
    //           ，    
    $(this).children().toggleClass("bgRed");
    if ($(this).children().hasClass("bgRed")){//          ，        
        $(this).children().first().children().attr("checked", true);
    } else {                                  //       
        $(this).children().first().children().attr("checked", false);
    }
});