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>

  • 相关阅读:
    Java之IO(一)InputStream和OutputStream
    bitset库
    assert
    C++ 与 Python 混合编程
    C++多线程
    C++11新特性
    C++性能优化指南
    C++随机数
    C++中struct与class的区别
    C++杂记
  • 原文地址:https://www.cnblogs.com/quanfu2326/p/4302748.html
Copyright © 2011-2022 走看看