用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - javascript代码库

dom全选反选全不选

2014-08-04 作者: jun举报

[javascript]代码库

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>全选反选全不选</title>
    <script type="text/javascript">
    	/*
    		全选:当单击全选按钮的时候,触发事件。
    	
    	*/
    	//全选触发的事件
    	function checkAll(node){
    		//获取所有name为hobby的input标签
    		var inputs = document.getElementsByName("hobby");
    		//遍历所有的input标签
    		for(var i=0;i<inputs.length;i++){
    			//inputs[i].checked = true;
    			//全选按钮的状态和其他复选框的状态一致
    			inputs[i].checked = node.checked;
    		}
    	}
    	//反选事件
    	function check(){
    		//获取所有name为hobby的input标签
    		var inputs = document.getElementsByName("hobby");
    		/*
    			当前的复选框没有选中,就把它选中,如果已经选中状态,就改成未选中状态
    		*/
    		for(var i=0;i<inputs.length;i++){
    			/*使用判断来获取当权的复选框是否被选中
    			if( inputs[i].checked ){
    				inputs[i].checked = false;
    			}else{
    				inputs[i].checked = true;
    			}*/
    			inputs[i].checked = inputs[i].checked?false:true;
    		}
    	}
    </script>
  </head>
  <body>
  	<input type="checkbox" name="hobby" />C<br/>
  	<input type="checkbox" name="hobby"/>Java<br/>
  	<input type="checkbox" name="hobby"/>PHP<br/>
  	<input type="checkbox" name="hobby"/>C#<br/>
  	<input type="checkbox" name="hobby"/>C++ <br/>
  	
  	<input type="checkbox" onclick="checkAll(this)"/>全选/全不选  <br/>	
  	<input type="checkbox" onclick="check()"/>反选
  
  </body>
</html>


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...