JS实现复选框的全选与反选

2015/6/20 18:32:14 人评论 次浏览 分类:JavaScript

<!--HTML-->

  <div class="box">

	<p><label><input type="checkbox" onclick="checkAll(this)">全选</label></p>
	<label><input type="checkbox" name="checkname">JAVA</label>
	<label><input type="checkbox" name="checkname">C++</label>
	<label><input type="checkbox" name="checkname">C#</label>
	<label><input type="checkbox" name="checkname">.NET</label>
	<label><input type="checkbox" name="checkname">Linux</label>
	<label><input type="checkbox" name="checkname">Android</label>
  </div>

<!--JavaScript-->



		function checkAll(obj){
			//判断复选框是否选中
			if(obj.checked){
				//获取当前页面中所有name的值为checkname的元素   
				var checkname =  document.getElementsByName("checkname");
				//遍历获取到的元素
				for(var i = 0; i<checkname.length; i++){
					//将遍历到的元素的checked值赋为true  
					checkname[i].checked = true;
				}
			}else{//否则赋为false
				var checkname =  document.getElementsByName("checkname");
				for(var i = 0; i<checkname.length; i++){
					checkname[i].checked = false;
				}
			}

		}
   

上一篇:没有了

下一篇:史上最牛前端开发神器 Atom