如何在 Bootstrap 表中的选定/选中行中删除文本，

Question

我有一个引导表

<table id="tblTodaysNews"
..
data-click-to-select="true"
data-response-handler="responseHandler">
<thead>
    <tr>
    <th data-field="Select" data-checkbox="true" data-align="center" valign-align="middle" data-width="5px"></th>
    <th data-field="ID" data-visible="false"></th>
    <th data-field="Title" data-title="Title" data-align="left" valign-align="middle" data-width="auto"></th>
    <th data-field="Description" data-title="Message" data-align="left" valign-align="middle" data-width="70%"></th>
    ...     

我想要做的是，当用户选中任何复选框时，在“选择”数据字段、标题和说明中，更改它们的外观，例如删除线/斜体。 我想使用这个“复选框”向用户提供视觉指示，一旦用户单击，这些行将从数据库中删除，一个单独的“删除”按钮。

提前致谢。

Answer 1

试试这个

tr.selected {
  text-decoration: line-through;
}

这是一个有效的小提琴： http://jsfiddle.net/e3nk137y/11801/

Answer 2

不太确定是否检查所选内容。 jQuery 在这种情况下可能很有用。虽然，这方面的 CSS 将是：

text-decoration: Line-Through