Question

如何实现复选框的全选和取消全选效果

Answer 1

一.通过下面两个语句分别获取要选取的复选框对象集合和要点击的复选框对象:

var checkboxs=document.getElementsByName("myHove"+"rTreechk");
var hvtck=document.getElementById("hvtck");

通过以下语句获取要选取复选框的数量:

cklen=checkboxs.length;

二.为myck对象绑定onclick事件处理函数。事件处理函数事先判断hvtck对象是否被选中，如果被选中的话，则遍历复选框，挨个取消选中状态，并且通过document.getElementById("dohovertree").innerHTML="取消"将dohovertree元素中的文本设置为取消，else语句中的原理是一样的，这里就不重复介绍了。

Answer 2

取消全选，需要遍历复选框，然后对每一个复选框的选择属性做属性判断，设置selected属性为false即可。
如:
<checkbox name="n1">aaa</checkbox>
<checkbox name="n2">aaa</checkbox>
<checkbox name="n3">aaa</checkbox>
<javascript type="text/javascript">
var a[]=document.getElementsByTagName("checkbox");
for(var i=0;i<a.lenth;i++){
a[i].setAttribute("selected","false");

}
</javascript>