Question

我正在制作邮件类系统。现在我遇到了一个问题：

假设我在表格中有行显示收件箱消息，点击它们会显示完整的消息。现在每行我想要一个复选框，以便在检查该复选框时我可以从页面中删除该特定行。但是作为我已经整行可点击，只要我选中复选框，它就会移动到下一页。

我的代码是这样的：

<tr bgcolor="#5D1B90" color="#FFFFFF" onmouseover="ChangeColor(this, true,false);" onmouseout="ChangeColor(this, false,false);" onclick="DoNav('showmail.jsp?mid=<%=messageid%>');">    
<td callspan="3"><%=sendername%>  :   <%=messagesubject%>      <%=sendingtime%></td>
</tr>

这里的onNav功能是：

function DoNav(theUrl)
{
   document.location.href = theUrl;
}

那么如何让它按照要求运作呢？

此外，我希望每行的发送时间对齐并且在行中居中对齐。如何做？

Answer 1

您需要停止checkbox点击传播到父TR

event.stopPropagation();

_{此外，您不能在tr元素的 in-front 中添加任何<{1}}元素。将您的复选框放在tr内部tr元素中。
您的HTML中也有拼写错误td}

LIVE DEMO

callspan :) should be **colspan**

JS：

<td colspan="3">John  :   "Hello"      10:00</td>
<td><input type="checkbox" onclick="DoRemove(event);"></td>

stopPropagation without jQuery

如何将复选框放在可点击行的前面

1 个答案: