zoukankan      html  css  js  c++  java
  • 一个全选按钮js的案例

    <html>
    <head>
    <script type="text/javascript">   
     
        // 全选按钮选中标志  
        var checkflag = "false";  
        // 全选功能  
        function selectAll(name){  
            var field = document.getElementsByName(name);  
            // 如果全选按钮状态是未选中  
            if (checkflag == "false"){  
                for (i = 0; i < field.length; i++){  
                    field[i].checked = true;  
                }  
                // 更改全选按钮选中标志  
                checkflag = "true";  
            }else{  
                for (i = 0; i < field.length; i++){  
                    field[i].checked = false;   
                }  
                // 更改全选按钮选中标志  
                checkflag = "false";  
            }  
        }  
     
    </script> 
    </head>
    <body>
    <form name="form" method="post" action=""> 
        <table> 
            <tr> 
                <td> 
                    <input type="checkbox" value="全选" onClick="selectAll('list')">选中所有显示记录   
                </td> 
            </tr> 
            <tr> 
                <td> 
                    <input type="checkbox" name="list" value="1" > 
                </td>       
            </tr> 
            <tr> 
                <td> 
                    <input type="checkbox" name="list" value="2"> 
                </td>       
            </tr> 
            <tr> 
                <td> 
                   <input type="checkbox" name="list" value="3"> 
                </td>       
            </tr> 
        </table> 

    </form> 
    </body>
    </html>

  • 相关阅读:
    【从零开始学Spring笔记】Spring学习路线
    【从零开始学Java笔记】目录
    【超详细全过程】安装IntelliJ IDEA下载
    【超详细全过程】JavaEE 开发环境安装全过程(jdk+tomcat+eclipse)
    【超详细全过程】安装MySQL+Navicat
    Eclipse更新maven项目仓库依赖
    变量
    二进制
    JVM虚拟机查找类文件的顺序
    JRE、JDK概述
  • 原文地址:https://www.cnblogs.com/quanfu2326/p/4302748.html
Copyright © 2011-2022 走看看