我目前使用这个方法Linethrough/strikethrough a whole HTML table row效果很好。
但是如何将它附加到 HTML 复选框 onclick 方法?
http://jsfiddle.net/deaconf19/DrEhv/
<table border 1>
<tr>
<td>Status</td>
<td>Priority</td>
<td>Date</td>
<td>Event</td>
<td>Updated</td>
</tr>
<tr>
<td contenteditable/>Checkbox</td>
<td contenteditable/>3</td>
<td contenteditable/>02/07/2014</td>
<td contenteditable/>code needs updating again</td>
<td contenteditable/>02/07/2014</td>
</tr>
<tr class="strikeout">
<td contenteditable/>Checkbox</td>
<td contenteditable/>1</td>
<td contenteditable/>02/07/2014</td>
<td contenteditable/>code needs updating</td>
<td contenteditable/>02/07/2014</td>
</tr>
</table>
最佳答案
您可以使用 jQuery,找到复选框的父级,并在复选框的状态发生变化时向其添加一个类
if ( this.checked) {
$(this).parent().parent().addClass("strikeout");
} else {
$(this).parent().parent().removeClass("strikeout");
}
关于javascript - 删除线表和/或 DIV,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22916038/