JS实现根据一个CheckBox的情况动态选中所有的CheckBox

先附上一张图：这是全选的情况

  接下来是JS代码：

  function Cli(obj){  //实现一个函数
       var collid=document.getElementById("Chosens"); //这是根据Id获取那个最上面的CheckBox的情况
       var coll=document.getElementsByName(obj);//获取所有的name属性是obj参数的checkBox，组成一个数组
       if(collid.checked){                                      //判断是否被选定
       for(var i=0;i<coll.length;i++)                       //循环所有
       coll[i].checked=true;
       }else{
        for(var i=0;i<coll.length;i++)
       coll[i].checked=false;
       }
       }     

下面是Html代码：

                              
    <input type="checkbox" name="Chosens" id="Chosens" οnclick="Cli('chosen')">//参数是下面的name

                                     //此处为最顶上的一个CheckBox，红色部分为JS函数调用

  接下来是其余的checkBox：

<input type="checkbox" name="chosen" />  //此处的name属性即为函数需要传入的参数

<input type="checkbox" name="chosen"  />

<input type="checkbox" name="chosen"  />

<input type="checkbox" name="chosen"  />

<input type="checkbox" name="chosen"  />
这样就大功告成了！