全选反选代码
<div> <input type="checkbox" name="markedAll" value="全选" >全选 <br />
<input type="checkbox" name="marked" value="选择1" >选择1<br />
<input type="checkbox" name="marked" value="选择2" >选择2<br />
<input type="checkbox" name="marked" value="选择3" >选择3<br />
<input type="checkbox" name="markedAll" value="全选">全选
<input type="checkbox" name="notmarked" value="反选">反选 <br /> </div>
<script type="text/javascript">
//选择一个判断是否需要全选
function single() {
var n = 0;
for (var i = 0; i < marked.length; i++) {
if (marked[i].checked) { n++; }
}
var istrue = (n == marked.length);
var markedall = document.getElementsByName("markedAll");
for (var j = 0; j < markedall.length; j++) {
markedall[j].checked = istrue;
}
}
function selectall(check) {
for (var j = 0; j < marked.length; j++) {
marked[j].checked = check;
}
for (var k = 0; k < m.length; k++) {
m[k].checked = check;
}
}
function noselect() {
for (var i = 0; i < marked.length; i++) {
if (marked[i].checked) {
marked[i].checked = false;
} else {
marked[i].checked = true;
}
}
}
marked = document.getElementsByName("marked");
for (var a = 0; a < marked.length; a++) {
marked[a].onclick = function() {
single();
}
}
//全选
m = document.getElementsByName("markedAll");
for (var i = 0; i < m.length; i++) {
m[i].onclick = function() {
check = this.checked;
selectall(check);
}
}
//反选
notmarked = document.getElementsByName("notmarked")[0];
notmarked.onclick = function() {
noselect();
single();
}
</script>

浙公网安备 33010602011771号