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>
  • 相关阅读:
    020606-04-聊天布局-键盘处理
    020606-03-聊天布局-键盘处理
    02060601-聊天布局
    按钮背景图片拉伸
    源码-0205-02--聊天布局02
    源码-0205-02--聊天布局
    向量投影公式
    定比分点、中点公式
    重叠检测----凸边形
    aabb碰撞检测
  • 原文地址:https://www.cnblogs.com/dudu837/p/1682462.html
Copyright © 2011-2022 走看看