js ，jq实现全选、反选功能：
js:思路：1.点击全选按钮实现，下面内容全选，与反选 2.下面有一个没有选中时，全选按钮不勾选，当全部选中时才全选。这里引入一个计数器，来判断是否全部选中。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
全选<input type="checkbox" name="allchoose" id="box" onclick="chk()"/>
<p id="lower">
苹果<input type="checkbox" name="apple" id="apple"/>
香蕉<input type="checkbox" name= "banner" id="banner" />
橘子<input type="checkbox" name="origin" id="origin"/>
</p>
<script type="text/javascript">
var box = document.getElementById("box");
var lb = document.getElementById("lower");
var lber = lb.getElementsByTagName("input");
//全选，反选
box.onclick = function(){
if(this.checked){
for(var i=0;i<lber.length;i++){
lber[i].checked = true;
}
}else{
for(var i=0;i<lber.length;i++){
lber[i].checked = false;
}
}
}
//下面全选后，全选框才勾上
for(var i=0;i<lber.length;i++){
lber[i].onclick = function(){
//引入计数器sum
var sum = 0;
for(var j=0;j<lber.length;j++){
if(lber[j].checked){
sum += 1;
if(sum == lber.length){
box.checked = true;
} else {
box.checked = false;
}
}
}
}
}
</script>
</body>
</html> 更多相关内容：
-
无相关信息