复选框的全选与反选

来源:互联网 发布:抓淘宝数据 编辑:程序博客网 时间:2024/05/16 23:33
圣诞节                 股市                阿凡达                十月围城               水价上调               
页面JavaScript代码:
var btn = document.getElementById("btn");var test = document.getElementsByName("test");btn.onclick = function(){for(var i=1; i<=test.length; i+=1){if(test[i-1].checked){test[i-1].checked = false;}else{test[i-1].checked = true;}}};
页面HTML代码:
<input type="checkbox" name="test" />圣诞节<input type="checkbox" name="test" />股市<input type="checkbox" name="test" />阿凡达<input type="checkbox" name="test" />十月围城<input type="checkbox" name="test" />水价上调<input type="button" value="全选/反选" id="btn" />
http://www.zhangxinxu.com/study/200912/checkbox-select-all-or-opposite.html
 
 
 
 
 
 
 
 
 
 
原创粉丝点击