js实现checkbox全选，全不选详解

记事本或任何网页编辑工具

Dreamweaver或任何javascript编写工具

在网页中，如果想获得一个网页元素的对象，我们一般用formName.元素id的办法，有的时候也用getelementbyid或getelementbyName的办法，我们都知道，网页的最上层是一个document，也就是说我们可以通过document这个对象可以得到一个完整的页面元素列表。 OK，那么我们如何来获得网页所有元素呢，其实只需要通过这个指令就可以了：document.all  但是现在问题出现了，我们要获得的是页面中所有的checkbox，而其它的元素则不需要，有了这样的需求，我们就可以构造出如下的代码：  for(var i=0;i

OK，下面我们就要构造处理代码了，我们获得到了所有的checkbox，那么如何来进行全选和全不选的操作呢，代码很简单：既然是checkbox那么就应该有checked属性了，我们只需要这样做就可以了。document.all(i).checked=true;（学过c#或java的可能潜意识里认为这里少了一个类型的转化，在js里这样是可以的。js是基于对象的，并不是完全的面向对象。）如果让这个checkbox取消选择呢，只需要document.all(i).checked=false;就OK了。

现在我们先不慌来构造这个函数，因为我们还差一个功能没有实现，那就是反选功能，选择只需要把checked赋值为true，取消选择就是false，那么反选应该如何来实现呢，其实我们只需要再加一个if来判断这个控制当前的状态就可以了，代码如下： if(document.all(i).checked==true) { document.all(i).checked=false; } else { document.all(i).checked=true; }

好了，我们现在来构造一下这个函数，代码如下：function checkAllaction(obj) { for(var i=0;i

页面中按钮触发事件非常简单，代码如下：

但是您注意到了，我上面的贴图中，并没有全选，全不选功能，因为经过长时间观察我发现，全选和全不选功能完全没有必要，只要一个反选功能就可以替代了，当一个选择没有的时候点击反选就是全选，想全不选就再refresh一下页面就好了，当然这个属于个人偏好，代码就是上面的那些了，看你怎么用着方便吧。

最后要说明一点的是，当选择完之后如何获得key值呢，其实我们只需要在点击处理按钮的时候再次循环判断是否被选中然后获得到该控件的value值就可以了，如我现在要批量删除：function Delete() //删除  {  var m=0;  flag=false;  var str='';  for(i=0;i