用户注册



邮箱:

密码:

用户登录


邮箱:

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

发表随想


还能输入: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、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

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

加载中,请稍后...