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');"/>
  • 相关阅读:
    计算机网络复习(二) 应用层
    JavaScript实战笔记(二) 数组去重
    计算机网络复习(一) 基本介绍
    计算机网络复习
    Git学习笔记(一) 常用命令
    Git学习笔记
    Python实战笔记(三) 多线程
    Python实战笔记(二) 网络编程
    Python学习笔记
    XBox360自制系统的更新(Update)
  • 原文地址:https://www.cnblogs.com/heimirror/p/1218508.html
Copyright © 2011-2022 走看看