• [转]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 点击事件可以去掉,以免出错)



  • 相关阅读:
    第一个C#程序
    定位网页元素
    盒子模型
    浮动
    css3美化网页元素
    html css3
    java表单基础
    表单
    html5基础
    java程序题目解析
  • 原文地址:https://www.cnblogs.com/xiang/p/428823.html
Copyright © 2020-2023  润新知