首页 > 其他 > 详细

全选,全不选,反选

时间:2017-01-16 18:31:46      阅读:256      评论:0      收藏:0      [点我收藏+]

<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>

全选,全不选,反选

原文:http://www.cnblogs.com/heyiming/p/6290427.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!