Javascript 如何将复选框置于可单击行的前面

我在做一个邮件系统。现在我遇到了一个问题：

假设我在表格中有显示收件箱消息的行，单击它们会显示完整消息。现在，我希望每行都有一个复选框，这样在选中该复选框时，我可以从页面中删除该特定行。但由于我已使整行都可单击，所以只要选中该复选框，它就会转到下一页

我的代码是这样的：

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

那么，如何使其按要求工作呢

---

此外，我希望每行的发送时间右对齐，主题在行中居中对齐。如何执行此操作？

您需要停止

复选框

单击“传播到父级

TR

event.stopPropagation();

此外，在

tr

元素前面不能没有任何内容，而只能有另一个

tr

元素。将复选框放在

tr

internal

td

元素中。
您的HTML

callspan:）中还有一个输入错误，应该是**colspan**

---

< /P>以及如何增加表的每一行的长度，以及如果我想要在这一行的右边10:00到右边，并且“hello”在哪里？如果USER362609增加每行的长度是什么意思？（使用CSS根据需要定位您的元素，我希望以上回答您的问题）

event.stopPropagation();

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

function DoNav(theUrl){
   document.location.href = theUrl;
}
function DoRemove(e){
    if (!e) e = window.event;
    e.cancelBubble = true;
    if (e.stopPropagation) e.stopPropagation();
    // Remove code here.
}