zoukankan      html  css  js  c++  java
  • 表单的checkbox选中和取消

    在网上看了不少的教程关于checkbox的,按照上面的做了,但是没有成功,于是自己下午找了一点时间来做这些方面的工作,要让复选框被选中其实很简单,就是给该元素加上checked属性,那么元素自然就会被选择上。要取消的话其实就是remove去他的这个熟悉。检测代码如下:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>checkbox</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link href="" rel="stylesheet">
    </head>
    <body>

    <form>
    <input type="checkbox" >选中
    <input type="checkbox" >选中
    <input type="checkbox" >选中
    <input type="checkbox" >选中
    <div class="btn" id="btn">全选</div>
    <div class="btn" id="cancer">取消</div>

    </form>
    <script type="text/javascript">

    var btn=document.getElementById('btn');
    var inputs=document.getElementsByTagName('input');
    btn.onclick=function (argument) {
    for (var i = inputs.length - 1; i >= 0; i--) {
    inputs[i].setAttribute("checked",true);
    };
    alert(inputs[1].getAttribute("checked"));
    }

    var cancer=document.getElementById('cancer');
    cancer.onclick=function (argument) {
    for (var i = inputs.length - 1; i >= 0; i--) {
    inputs[i].removeAttribute("checked");
    };
    alert(inputs[1].getAttribute("checked"));
    }

    </script>
    </body>
    </html>

  • 相关阅读:
    Codeforces 424C(异或)
    CodeForces
    Codeforces 424A (思维题)
    HDU 1197 Specialized Four-Digit Numbers
    ZOJ 2301 Color the Ball 线段树(区间更新+离散化)
    HDU 1106 排序
    Codefroces 831B Keyboard Layouts
    POJ 1082 Calendar Game
    HDU 多校联合 6045
    HDU 5976 Detachment
  • 原文地址:https://www.cnblogs.com/jackzzx/p/4658806.html
Copyright © 2011-2022 走看看