全选,全不选,反选

<ul style="list-style: none;">
<li><input type="checkbox" name="ids[]" value="1">葡萄</li>
<li><input type="checkbox" name="ids[]" value="1">香蕉</li>
<li><input type="checkbox" name="ids[]" value="1">苹果</li>
<li><input type="checkbox" name="ids[]" value="1">鸭梨</li>
<li><input type="checkbox" name="ids[]" value="1">橘子</li>
<li><input type="checkbox" name="ids[]" value="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>
posted @ 2017-01-16 17:25  贺小鸣  阅读(159)  评论(0编辑  收藏  举报
为尊重他人劳动成果,转载/摘抄请标明来源!