摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>全选</title> <style type="text/css"> .form{width: 200px;marg
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>全选</title>
<style type="text/css">
.form{width: 200px;margin:20px auto;border:1px solid red;font-size: 13px;}
.form input{float: left;}
</style>
<script type="text/javascript">
var inverse,checkall,clear;
var item;
checkall = document.getElementById('checkall');
inverse = document.getElementById('inverse');
clear = document.getElementById('clear');
item = document.getElementsByName("item[]");
//反选函数
function cc() {
for (var i = item.length - 1; i >= 0; i--) {
if(item[i].checked)
{
item[i].checked =false;
}else{
item[i].checked = true;
}
}
}
//全选函数
function aa(){
for (var i = item.length - 1; i >= 0; i--) {
item[i].checked = true;
}
}
//清除函数
function bb(){
for (var i = item.length - 1; i >= 0; i--) {
item[i].checked = false;
}
}
</script>
</head>
<body>
<div>
<input type="checkbox" name = "item[]">订单1<br>
<input type="checkbox" name = "item[]">订单2<br>
<input type="checkbox" name = "item[]">订单3<br>
<input type="checkbox" name = "item[]">订单4<br>
<input type="checkbox" name = "item[]">订单5<br>
<input type="checkbox" name = "item[]">订单6<br>
<input type="checkbox" name = "item[]">订单7<br>
<input type="checkbox" name = "item[]">订单8<br>
<input type="checkbox" name = "item[]">订单9<br>
<input type="checkbox" name = "item[]">订单10<br>
<br>
<input type="button" id = "inverse " onclick="cc()" value="反选">
<input type="button" id = "checkall" onclick="aa()" value="全选">
<input type="button" id = "clear" onclick="bb()" value="清除">
</div>
</body>
</html>
注意事项：事件函数名不要跟id名一样，会报错。for (var i = item.length - 1; i >= 0; i--) 发现编辑器自带的for语句逻辑较为谨謓。以后习惯改成这风格的
批改老师：天蓬老师批改时间：2018-12-04 09:09:56
老师总结：以后, 在代码中 , var 尽可能用let 代替 , 因为var 不支持块作用域, 而 let 支持, 可以避免很多问题
