jquery - Bootstrap : change class of tr in a table when radio button selected

Question

我正在使用 Bootstrap 。当选中 tr 中的单选按钮时，如何更改 tr 的类(例如，使用 class="active")？

<div class="table-responsive col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
    <table class="table">
      <tbody>

        <tr>
          <td>A</td>
          <td>Description A</td>
          <td><input type="radio" name="items" value="A"></td>
        </tr>
        <tr>
          <td>B</td>
          <td>Description B</td>
          <td><input type="radio" name="items" value="B"></td>
        </tr>
        <tr class="active">
          <td>C</td>
          <td>Description C</td>
          <td><input type="radio" name="items" value="C"></td>
        </tr>

      </tbody>
    </table>
</div> 

谢谢

Answer 1

你可以这样做:

$(":radio[name=items]").change(function() {
    $(".table tr.active").removeClass("active"); //remove previous active class
    $(this).closest("tr").addClass("active"); //add active to radio selected tr
});