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

发布时间：2020-12-17 20:39:33 所属栏目：安全来源：网络整理

导读：我有一个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-fiel

我有一个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>
    ...

我想要做的是,当用户选中任何复选框时,在“选择”数据字段中,标题和描述会更改其外观,例如,删除/斜体.
我想使用这个“复选框”向用户提供一个可视指示,一旦用户点击,这些行将从数据库中删除,单独的“删除”按钮.

提前致谢.

解决方法

试试这个

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

这是一个工作小提琴：
http://jsfiddle.net/e3nk137y/11801/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!