首页 > 代码库 > 全选,全不选,反选

全选,全不选,反选

<ul style="list-style: none;">
<li><input type="checkbox" name="ids[]" value="http://www.mamicode.com/1">葡萄</li>
<li><input type="checkbox" name="ids[]" value="http://www.mamicode.com/1">香蕉</li>
<li><input type="checkbox" name="ids[]" value="http://www.mamicode.com/1">苹果</li>
<li><input type="checkbox" name="ids[]" value="http://www.mamicode.com/1">鸭梨</li>
<li><input type="checkbox" name="ids[]" value="http://www.mamicode.com/1">橘子</li>
<li><input type="checkbox" name="ids[]" value="http://www.mamicode.com/1">西红柿</li>
</ul>
<a href="javascript:selectAll();">全选</a>
<a href="javascript:selectNall();">全不选</a>
<a href="javascript:selectRev();">反选</a>


<script>
//获取所有input
var all = document.getElementsByName("ids[]");
//全选方法
function selectAll(){
for(var i=0;i<all.length;i++){
all[i].checked="true";
}
}
//全不选方法
function selectNall(){
for(var i=0;i<all.length;i++){
all[i].checked="";
}
}
//反选方法
function selectRev(){
for(var i=0;i<all.length;i++){
if(all[i].checked){
all[i].checked="";
}else{
all[i].checked="true";
}
}
}

</script>

全选,全不选,反选