JS实现全选、不选、反选的代码及使用方法

代码：
function checkAll(optionName){
var allOptions = document.getElementsByName(optionName);
for(var i = 0 ;i<allOptions.length;i++){
if(allOptions[i].type == 'checkbox'){
if(allOptions[i].checked==false){
allOptions[i].checked = true ;
}else{
allOptions[i].checked = false ;
}
}
}
}

使用方法①
引用上述代码后，在全选按钮上加入onclick事件，并传入参数，参数就是需要选中的所有的checkbox的name（请将他们的name统一）;

<input type="checkbox" onclick="checkAll('goods')">全选</input>

注意：'goods'是所有需要选中的checkbox的name

使用方法②
为全选按钮加上id=“checkAll”后，复制引用下方的js代码即可。（id可以自定义，自定义后修改下方js中对应的id名即可）

<input type="checkbox" id="checkAll">全选</input>

<script>

document.getElementById('checkAll').onclick = function () {

checkAll('goods')
};
</script>

注：'goods'是所有需要选中的checkbox的name