by zhangxinxu 2009-12-23 08:10

复选框的全选与反选

圣诞节 股市 阿凡达 十月围城 水价上调
页面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" />