• 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>
  • 相关阅读:
    纪念一下なぞなぞゲーム
    071221 晴
    Sightseeing Cows poj3621
    【HDU 5721】Palace(平面最近点对)
    继承和多态的一些知识点
    3D Convex Hull HDU 3662 三维凸包
    Monthly Expense POJ 3273 二分
    确定比赛名次 HDU 1285拓扑排序裸题
    序列变换
    Dropping tests 二分+01分数规划
  • 原文地址:https://www.cnblogs.com/dudu837/p/1682462.html
Copyright © 2020-2023  润新知