Js——代码位置不同，效果不同。

正确效果是：

单击选中


再次单击取消


正确的效果代码如下：

//全部取消代码。兼容IE，FF，Chrome
function checkAll() {
var ck = document.getElementsByTagName("input"); //找到页面上所有input节点
for (var i = 0; i < ck.length; i++) {
if (ck[i].type == "checkbox") {
ck[i].checked = false;
}
}
}
function ckeckedOne(obj) {
if (!obj.checked) {
checkAll();            //此处 checkAll()不能放在条件句外，效果不一样
}
else {
checkAll();
obj.checked = true;
}
}

如果使用这种代码：

//全部取消代码。兼容IE，FF，Chrome
function checkAll() {
var ck = document.getElementsByTagName("input"); //找到页面上所有input节点
for (var i = 0; i < ck.length; i++) {
if (ck[i].type == "checkbox") {
ck[i].checked = false;
}
}
}
function ckeckedOne(obj) {
checkAll();            //此处 checkAll()不能放在条件句外，效果不一样
if (!obj.checked) {
}
else {
//checkAll();
obj.checked = true;
}
}

将会出现一直是选不中状态。注意，此次的代码感觉上if...else...中都使用了checkAll()函数，于是将这个函数放在循环体外。这样的感觉只是一种想当然，仔细研究才会发现这样的逻辑是不对的。先执行和后执行的区别在此一目了然了。