以下两端代码实在看不出区别在哪里,但是实现的效果却不一样,第一段可以正常执行,第二段却不行。实现的是一个购物车的全选单选复选框的功能。
for (var i = 0, len = checkInputs.length; i < len; i++) {
checkInputs[i].onclick = function () {
if (this.className.match(new RegExp('(\\s|^)' + 'check-all' + '(\\s|$)'))) {
for (var j = 0; j < checkInputs.length; j++) {
checkInputs[j].checked = this.checked;
}
}
if (this.checked == false) {
for (var k = 0; k < checkAllInputs.length; k++) {
checkAllInputs[k].checked = false;
}
}
getTotal();
}
}
for (var i = 0, len = checkInputs.length; i < len; i++) {
checkInputs[i].addEventListener('click', function () {
if (this.className.match(new RegExp('(\\s|^)' + 'check-all' + '(\\s|$)'))) {
for (var j = 0; j < checkInputs.length; j++) {
checkInputs[j].checked = this.checked;
}
}
if (this.checked = false) {
for (var k = 0; k < checkAllInputs.length; k++) {
checkAllInputs[k].checked = false;
}
}
getTotal();
});
}
用WebStorm吧,保证好用,尤其这种的,不仅可以compare with clipboard,还有warning info。