使用原生js制作简易复选框全选操作

实现效果：

当点击全选时 ，下面全部的复选框都被勾上，当在全选的状态下，点击下面的其他复选框，那么全选复选框将会取消勾选.

<!--html代码 -->
全选<input type="checkbox" name="checkAll" id="checkAll" value="" onclick="checkAll()" /> &nbsp;&nbsp;
        苹果 <input type="checkbox" name="check"  value="" onchange="check(this)" />
        橘子 <input type="checkbox" name="check"  value="" onchange="check(this)" />
        香蕉 <input type="checkbox" name="check"  value="" onchange="check(this)" />
        荔枝 <input type="checkbox" name="check"  value="" onchange="check(this)" />

<script type="text/javascript">
    var checkItems=document.getElementsByName("check");
            // 全选
       function checkAll(){
           for( var i=0;i<checkItems.length;i++){
                checkItems[i].checked="true";
             }
        }    
       function check(one){
           if(one.checked==false){
                document.getElementById("checkAll").checked=false;
            }
        }
</script>