zoukankan      html  css  js  c++  java
  • JS全选checkBox最佳方案。

     <input type="button" name="" value="不计算长度" onclick="a()">
     
    <input type="button" name="" value="全选" onclick="b()">
     
    <input type="button" value="缓存"  onclick="c()">
      
    <input type="checkbox" name="test[]" value="0"> 测试测试<br>

     

    代码
    <input type="button" name="" value="不计算长度" onclick="a()">
    <input type="button" name="" value="全选" onclick="b()">
    <input type="button" value="缓存" onclick="c()">
    <input type="checkbox" name="test[]" value="0"> 测试测试<br>
    <script language="JavaScript">
    <!--
    var ca = new Array();
    function a()
    {
    var m = document.getElementsByName('test[]');
    for ( var i=0; i< m.length ; i++ )
    {
    m[i].checked
    == true
    ? m[i].checked = false
    : m[i].checked
    = true;
    }
    }

    function b()
    {
    var m = document.getElementsByName('test[]');
    var l = m.length;
    for ( var i=0; i< l; i++)
    {
    m[i].checked
    == true
    ? m[i].checked = false
    : m[i].checked
    = true;
    }
    }

    function c()
    {
    if (ca.length == 0)
    {
    ca
    = cache();
    }
    cl
    = ca.length;
    for ( var i=0; i< cl; i++)
    {
    ca[i].checked
    == true
    ? ca[i].checked = false
    : ca[i].checked
    = true;
    }
    }

    function cache()
    {
    var m = document.getElementsByName('test[]');
    var cache = new Array();
    var l = m.length;
    for ( var i=0; i< l; i++)
    {
    cache[i]
    = m[i];
    }
    return cache;
    }

    //-->
    </script>

    上面的例子还是比较方便的,因为,checkbox的 name值都一样,如果不一样怎么办???
    只能这样

    代码
    <script language="JavaScript">
    <!--
    function check()
    {
    var inputs = document.getElementsByTagName('input');
    var inputsLen = inputs.length;
    for (var i = 0; i < inputsLen ; i++ )
    {
    if (inputs[i].type.toLowerCase() == 'checkbox')
    {
    inputs[i].checked
    == true
    ? inputs[i].checked = false
    : inputs[i].checked
    = true;
    }
    }
    }
    //-->
    </script>
  • 相关阅读:
    05--STL序列容器(List和Forward_list)
    04--STL序列容器(Stack和Queue)
    03--STL序列容器(Deque)
    STL迭代器iterator
    02--STL序列容器(Vector)
    C++回顾day03---<string字符串操作>
    C++回顾day03---<输入输出流>
    C++回顾day03---<异常>
    16位结构的CPU,8086给出物理地址的方法
    初识STM32固件库
  • 原文地址:https://www.cnblogs.com/dudu837/p/1682462.html
Copyright © 2011-2022 走看看