zoukankan      html  css  js  c++  java
  • java script第一篇(按钮全选的实现)

       今天刚学了java script,记录下学习新知识的点滴。以下是操作步骤。鉴于我是初级者,如有错误,恳请读者指正。万分谢谢。

       1、新建一个文档(用NotePad软件,为了使得在浏览器中打开不是乱码,在软件的文件出找到编码,将其修改为UTF-8编码。或者点击谷歌浏览器中的右上角的三条杠,选择更多工具->编码->UTF-8),将其重命名(例:第一个java script.html   注:一定要把扩展名改为.html)。

       2、将其用记事本的格式打开,进行编写。

       3、以下是编写的“按钮全选的实现”的相关代码:

    <html>
    <head>
    <title> 全选按钮的实现 </title>
    </head>

    <body>
    <div>
    <input type="checkbox" id="chkAll" onclick="checkAll(this)" />全选
    </div>
    <div>
    <input type="checkbox" name="chk"/>选项1
    </div>
    <div>
    <input type="checkbox" name="chk"/>选项2
    </div>
    <div>
    <input type="checkbox" name="chk"/>选项3
    </div>
    <div>
    <input type="checkbox" name="chk"/>选项4
    </div>
    <input type="checkbox" name="chk"/>选项5
    </div>

    </body>
    <script>
    //全选
    function checkAll(e)
    {
    var t=document.getElementsByName("chk");
    alert(t.length);
    for(var i=0;i<t.length;i++)
    {
    t[i].checked=document.getElementById("chkAll").checked;
    }
    }
    </script>
    </html>

      4、截图为:

      

  • 相关阅读:
    Ubuntu 13.04 配置Cocos2d-x记录
    Ubuntu系列Crontab日记记录
    只是为了拾起一只笔,所以写了这些
    XhProf安装教程–详细教程
    检查.gitignore语法
    JavaScript设置右下角悬浮窗
    Codeforces Round #428 (Div. 2) B
    2017 多校5 hdu 6093 Rikka with Number
    cf 834 E. Ever-Hungry Krakozyabra
    codeforces 834 D. The Bakery
  • 原文地址:https://www.cnblogs.com/astwoamt/p/5791454.html
Copyright © 2011-2022 走看看