html代码:
<tr>
<th><input type="checkbox" id="selectAll" onclick="checkAll(this.checked)"/></th>
<th>序号</th>
</tr>
<tr>
<td>input type="checkbox" name="items_changeroute" onclick="cancelAll(this.checked)"/></td>
<td>1</td>
</tr>
全选/全不选:
function checkAll(isChecked) {
//得到选项的列表
var code_Values = document.getElementsByName("items_changeroute");
for (i = 0; i < code_Values.length; i++) {
if (code_Values[i].type === "checkbox") {
/*将所有选项的checked值与传进来的参数统一。这样如果全选选项被选中与被反选,所
有的选项都会有同样的操作。*/
code_Values[i].checked = isChecked;
}
}
}
全选时,如果反选了其中一个选项,全选选项也应该被反选掉:
function cancelAll(isChecked) {
var all = document.getElementById("selectAll");
if (isChecked === false) {
all.checked = false;
}
}