zoukankan      html  css  js  c++  java
  • CheckBox 实现全选功能

                                <input name="selectall" type="checkbox" value="checkbox" id="selectall"
                                    onclick
    ="javascript:sall(this.checked);" />全选</td>
    <script type="text/ecmascript">
                    
    function sall(status)
                    {
                            
    var objs = document.getElementsByTagName("input");
                            
    for(var i=0; i<objs.length; i++)
                            {
                                
    if(objs[i].type.toLowerCase() == "checkbox" )
                                {
                                      
    if(objs[i].name.toLowerCase() == "commentid")            
                                      objs[i].checked 
    = status; 
                                }
                                    
                            }  
                    }
                    
    function CheckSatus(sallid)
                    {
                            document.getElementById(sallid).checked 
    = true;
                            
    var objs = document.getElementsByTagName("input");
                            
    for(var i=0; i<objs.length; i++)
                            {
                                
    if(objs[i].type.toLowerCase() == "checkbox" )
                                {
                                        
                                      
    if(objs[i].name.toLowerCase() == "commentid")
                                      {
                                          
                                          
    if(!objs[i].checked)
                                          {
                                            document.getElementById(sallid).checked 
    = false;
                                          }
                                      }
                                      
                                }
                                    
                            } 
                    }
                            
    </script>

    <input name="commentid" type="checkbox" value='11' onclick="javascript:CheckSatus('selectall');"/>

    <input name="commentid" type="checkbox" value='12' onclick="javascript:CheckSatus('selectall');"/>

    <input name="commentid" type="checkbox" value='13' onclick="javascript:CheckSatus('selectall');"/>
  • 相关阅读:
    Python笔记:日期时间获取与转换
    算法笔记:递归、动态规划
    容器技术介绍:Docker Dockerfile语法与指令
    Netdiscover网络扫描工具
    持续集成:jenkins + pytest + selenium + Git + Allure自动化测试
    MySQL数据库基础入门
    Parameters 至少一个参数没有指定
    C/C++ 延时函数 (标准库)
    TabController控件测试
    contentEditable
  • 原文地址:https://www.cnblogs.com/heimirror/p/1218508.html
Copyright © 2011-2022 走看看