Как установить флажок перед щелчком мыши

Я делал почтовую систему. Теперь у меня проблема:

Предположим, что у меня есть строки в таблице, отображающие сообщения в почтовых ящиках, и по клику они показывают полное сообщение. Теперь с каждой строкой я хочу установить флажок, чтобы при проверке этого флажка я мог удалить эту конкретную строку со страницы. Но поскольку я сделал целую row clickable, как только я поставлю флажок, он переместится на следующую страницу.

Мой код выглядит примерно так:

<%=sendername%> : <%=messagesubject%> <%=sendingtime%>

Здесь функция onNav:

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

Итак, как заставить его работать в соответствии с требованиями?

Также я хочу, чтобы время отправки каждой строки было выровнено по правому краю и подвергнуто выравниванию по центру в строке. Как это сделать?

1 ответ

Вам нужно остановить распространение этого checkbox на родительский TR

event.stopPropagation();

Кроме того, вы не можете иметь ничего перед элементом tr кроме другого элемента tr.Поместите свой флажок внутри tr внутреннего td элемента.У вас также есть опечатка в вашем callspan :) should be **colspan** HTML callspan :) should be **colspan**

LIVE DEMO

John : "Hello" 10:00

JS:

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

stopPropagation без jQuery

licensed under cc by-sa 3.0 with attribution.