如何在 Bootstrap-table 中选定/勾选的行中打删除线？

Question

我有一个Bootstrap表格

<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>
    ...     

我希望做的是，当用户勾选任何复选框时，'选择'数据字段中的标题和描述会改变外观，比如加删除线/斜体字。 我想使用这个“复选框”来向用户提供视觉指示，表明这些行将在用户单击单独的“删除”按钮后从数据库中删除。

提前感谢。

- veeru

---

请问您能否接受这个问题的其中一个答案呢？谢谢！ - Martin Burch

Answer 1

试一试

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

这里有一个可用的示例： http://jsfiddle.net/e3nk137y/11801/

- Martin Burch

Answer 2

对于检查所选内容不太确定。在这种情况下，jQuery可能会很有用。尽管如此，这个的CSS将是：

text-decoration: Line-Through

- Harvey

---

谢谢Harvey，但我不知道如何获取那个元素，我必须更改其CSS才能获得此效果。 - veeru

你可以尝试适应这个JSFiddle示例。此示例用于展开行，但jQuery将有助于选择特定行，希望这可以帮到你！http://jsfiddle.net/mfwYS/ - Harvey

重复的答案 - Darlan Dieterich