为什么Javascript不检查所有复选框？

Question

我写了一个脚本，当我点击第一个复选框时，它会检查所有复选框。当我在HTML中使用onClick事件时，它工作得很好，但是当我不使用onClick事件时它不起作用。

下面是HTML代码：

<table> 

<tr> 
    <td><input id="check-all" type="checkbox"/> 
</tr> 

<tr> 
    <td><input id="check1" type="checkbox" name="check"/> 
</tr> 

<tr> 
    <td ><input id="check2" type="checkbox" name="check"/> 
</tr> 

<tr> 
    <td><input id="check3" type="checkbox" name="check"/> 
</tr> 

这是JavaScript代码，我特林运行，但不起作用。

var checkbox = document.getElementById("check-all"); 

checkbox.onclick = function() { 
    checkboxes = document.getElementsByName('check'); 
    for(var i=0, n=checkboxes.length;i<n;i++) { 
    checkboxes[i].checked = source.checked; 
    } 
} 

我刚刚开始用Javascript，我可能做错了什么。请指出。

Answer 1

我认为你有一个未定义的变量：

var checkbox = document.getElementById("check-all"); 

checkbox.onclick = function() { 
    checkboxes = document.getElementsByName('check'); 
    for(var i=0, n=checkboxes.length;i<n;i++) { 
    checkboxes[i].checked = this.checked; 
    } 
} 

你需要更换“源”，这是不与任何地方的值定义为得到“签所有”，例如选中的值这个。

Answer 2

你source.checked无效和错误使用的

this.checked 

代替

source.checked