复选框checkbox全选与全不选

1.html复选框标签代码以下:html

<input type="checkbox" id="checkboxall" value="1" οnclick="check();"><br>
<input type="checkbox" id="inlineCheckbox" name="box" >
htm

2.js代码事件

//复选框onclick事件:点击全选,再次点击全不选
function check(){
//添加外部判断:奇数点击时value为1,全不选,不然全选,如此能够在反选与全选间衍生出极端选择的方案
var checkbox = document.getElementById('checkboxall');
//value初始化为1,此处的三目执行后value必定不为1,而页面初始化时checkbox都为未选中状态,因此value为1时全不选
checkbox.value==1?checkbox.value=2 : checkbox.value=1;
var checkboxs = document.getElementsByName('box');
for(var i=0; i<checkboxs.length;i++){
if(checkbox.value==1){
checkboxs[i].checked=false;//全不选
}else{
checkboxs[i].checked=true;//全选
}
}}
get