javascritp 对dom初识 复选框全选 反选 全不选

<script>
	document.write("<ul>")
		for(var i=0;i<20;i++){
			document.write('<li>')
			document.write('<input type="checkbox" name="ids[]" value="'+i+'">aaa')
			document.write('</li>')
		}
	document.write('<ul>')

	var checkbox = document.getElementsByName("ids[]");
	function all(){
		for(var i=0;i<checkbox.length;i++){
			checkbox[i].checked=true
		}
		//alert(obj.length)  20
	}

	function notAll(){
		for(var i=0;i<checkbox.length;i++){
			checkbox[i].checked = false;
		}
	}

	function reverse(){
		for(var i=0;i<checkbox.length;i++){
			if(checkbox[i].checked == true){
				checkbox[i].checked = false
			}else{
				checkbox[i].checked = true
			}
		}
	}

	function allv1(obj){
		if(obj.checked){
			for(var i=0;i<checkbox.length;i++){
				checkbox[i].checked = true;
			}
		}else{
			for(var i=0;i<checkbox.length;i++){
				checkbox[i].checked = false;
			}
		}
	}
   改进版
       function allv1(obj){
           for(var i=0;i<checkbox.length;i++){
              checkbox[i].checked = obj.checked
         }

    }

 </script>

<input type="checkbox" οnclick="allv1(this)"> 全选   

<a href="javascript:all()" >全选</a>
<a href="javascript:notAll()" >全不选</a>
<a href="javascript:reverse()" >反选</a>
</body>
</html>

在html 里面要引用js  就要好似<a href="javascript:all()" >全选</a>  要有javascript：all() 说明js

但用时间的话不用     <input type="checkbox" οnclick="allv1(this)"> 全选