javascript实现checkBox的全选,反选与赋值

前端之家收集整理的这篇文章主要介绍了javascript实现checkBox的全选,反选与赋值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我们平时在做项目的时候,经常会遇到需要实现实现checkBox的全选,反选与赋值的情况,网上也有许多的范例,这里给大家分享的是本人常用的方法,推荐给大家。

代码如下:
Box-list-all").click(function(){   if($("#cheBox-list-all").attr("checked")){     $("[name='checkBoxes']").attr("checked",'true');//全选 增加id     var ids = document.getElementsByName('checkBoxes');     var value = new Array();     for(var i = 0; i < ids.length; i++){       if(ids[i].checked)       houseIds.push(ids[i].value);     }   alert(houseIds);   }else{     $("[name='checkBoxes']").removeAttr("checked");//反选 删除Ids     houseIds=[];     alert(houseIds);   } }) //单选增加id function check(obj){   if(!houseIds.in_array(obj.value)){     houseIds.push(obj.value);     alert(houseIds);   }else{     var index=houseIds.find_str(obj.value);     houseIds.splice(index,1)     alert(houseIds);   } }

以上就是本示例的全部代码了,希望对大家学习使用javascript控制checkBox有所帮助。

猜你在找的JavaScript相关文章