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>

  • 相关阅读:
    UVa 10905
    有道云笔记同步IT笔试面试资源
    送给80、90后的人生经典语录,别再孩子气了
    ch1 位姿表示和旋转矩阵
    jetson nano使用RealSenseD400深度相机
    jetson nano电源(性能)管理
    http://emanual.robotis.com/docs/en/platform/turtlebot3/overview/
    Jetson Nano配置与使用——中文输入法ibus配置
    jetson nano更改源
    ROS多机通信
  • 原文地址:https://www.cnblogs.com/quanfu2326/p/4302748.html
Copyright © 2011-2022 走看看