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');"/>
  • 相关阅读:
    elementUI 表格分页后台排序记录
    oracle乱码记录
    JavaScript 数字转汉字+element时间选择器快速选择
    js中call()方法和apply方法的使用
    Rails导出CSV
    CakePHP2.x 发送邮件
    一个例子说明substr(), mb_substr() 和 mb_strcut()之间的区别
    substr是不安全的
    CakePHP中回调函数的使用
    cakephp中find('list')的使用
  • 原文地址:https://www.cnblogs.com/heimirror/p/1218508.html
Copyright © 2011-2022 走看看