zoukankan      html  css  js  c++  java
  • [转]javascript应用:实现复选框全选/全不选切换

    <input type=checkbox name=mm value=a onclick="checkItem(this, 'mmAll')"><br>
    <input type=checkbox name=mm value=b onclick="checkItem(this, 'mmAll')"><br>
    <input type=checkbox name=mm value=c onclick="checkItem(this, 'mmAll')"><br>
    <input type=checkbox name=mm value=d onclick="checkItem(this, 'mmAll')"><br>
    <input type=checkbox name=mm value=e onclick="checkItem(this, 'mmAll')"><br><br>
    <input type=checkbox name=mmAll onclick="checkAll(this, 'mm')">全选与不全选的切换

    <script language=Javascript>
    function checkAll(e, itemName)
    {
      
    var aa = document.getElementsByName(itemName);
      
    for (var i=0; i<aa.length; i++)
       aa[i].checked 
    = e.checked;
    }

    function checkItem(e, allName)
    {
      
    var all = document.getElementsByName(allName)[0];
      
    if(!e.checked) all.checked = false;
      
    else
      
    {
        
    var aa = document.getElementsByName(e.name);
        
    for (var i=0; i<aa.length; i++)
         
    if(!aa[i].checked) return;
        all.checked 
    = true;
      }

    }

    </script>

        ps:(当然若那个全选框是其它的控件比如是一个按钮,或者一个链接什么的话,那复选框里的 checkItem 点击事件可以去掉,以免出错)



  • 相关阅读:
    kali BEEF-XSS启动报错解决
    kali msfconsole启动报错解决
    unittest详解(三) 简单元素定位
    unittest详解(二) 断言
    unittest详解(一) unittest框架
    selenuim python环境安装
    Locust 脚本练习
    Locust 参数化
    Locust 设置断言
    9-04嵌套事务及事务分类
  • 原文地址:https://www.cnblogs.com/xiang/p/428823.html
Copyright © 2011-2022 走看看