行点击不完整后复选框更新

Question

我基本上是javascript（以及一般的Web开发）的超级初学者。尝试向我的HTML表添加一个功能，检查单击的行中的复选框。这是我正在使用的代码：

    function selectRow(row)
{
    var firstInput = row.getElementsByTagName('input')[0];
    firstInput.checked = !firstInput.checked;
}

并在HTML中：

<tr onclick='selectRow(this)'>

单击该行时，它可以正常工作。问题是，当您单击复选框本身时，它不起作用。我猜它是双击的？不知道该怎么办。

非常感谢任何帮助！

谢谢！

Answer 1

Nandu Kalidindi提供的解决方案是解决问题的正确方法。

当您点击复选框时，两个事件都会触发。表格行检查该复选框，并通过复选框对其进行检查。所以它经过双重检查 - 这意味着什么都不会发生。

由于事件冒泡，即使你在复选框上执行event.preventDefault（），当你点击它时仍会检查它（触发tr事件处理程序）。