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