zoukankan      html  css  js  c++  java
  • 列表全选与全反选

    <!DOCTYPE html>
    <html>
        <head>
            <title>用户管理</title>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
            <style>        
            </style>
            <script>
                //全选、全反选
                function doSelectAll(){
                    $("input[name=selectedRow]").prop("checked",$("#selAll").is(":checked"));                        
                }    
        </script>
        </head>
        <body>
        
    <form name="form1" action="" method="post" enctype="multipart/form-data">
            <div class="t_list" style="margin:0px;border:0px none;">
                <table width="100%" border="0">
                    <tr class="t_tit">
                        <td width="30" align="center"><input type="checkbox" id="selAll" onclick="doSelectAll()" /></td>
                        <td width="140" align="center">用户名</td>
                        <td width="140" align="center">账号</td>
                        <td width="160" align="center">所属部门</td>
                        <td width="80" align="center">性别</td>
                        <td align="center">电子邮箱</td>
                        <td width="100" align="center">操作</td>
                    </tr>
                    <!--循环显示用户列表-->
                    <tr bgcolor="f8f8f8">
                        <td align="center"><input type="checkbox" name="selectedRow" value="" /></td>
                        <td align="center">xxx</td>
                        <td align="center">xxx</td>
                        <td align="center">xxx</td>
                        <td align="center">xxx</td>
                        <td align="center">xxx</td>
                        <td align="center">
                            <a href="javascript:doEdit(id)">编辑</a>
                            <a href="javascript:doDelete(id)">删除</a>
                        </td>
                    </tr>
                    
                    <tr bgcolor="f8f8f8">
                        <td align="center"><input type="checkbox" name="selectedRow" value="" /></td>
                        <td align="center">xxx</td>
                        <td align="center">xxx</td>
                        <td align="center">xxx</td>
                        <td align="center">xxx</td>
                        <td align="center">xxx</td>
                        <td align="center">
                            <a href="javascript:doEdit(id)">编辑</a>
                            <a href="javascript:doDelete(id)">删除</a>
                        </td>
                    </tr>
                    
                    <tr bgcolor="f8f8f8">
                        <td align="center"><input type="checkbox" name="selectedRow" value="" /></td>
                        <td align="center">xxx</td>
                        <td align="center">xxx</td>
                        <td align="center">xxx</td>
                        <td align="center">xxx</td>
                        <td align="center">xxx</td>
                        <td align="center">
                            <a href="javascript:doEdit(id)">编辑</a>
                            <a href="javascript:doDelete(id)">删除</a>
                        </td>
                    </tr>
                
                </table>
            
            </div>
    
    </form>        
        </body>
    <!--
    我们在UserAction中加入“private String[] selectedRow; ”参数和get与set方法,
    用来接收从界面上选定的需要删除的信息的id的集合,之后修改批量删除方法:
    
    -->
    </html>
  • 相关阅读:
    GPT分区安装windows10详细教程
    paddle07-paddle.regularizer正则化
    paddle02-paddle.io(数据读取相关) 【完】
    【python】80行代码实现压缩包密码破解软件,支持zip和rar
    【python】B站弹幕数据分析及可视化(爬虫+数据挖掘)
    【python】10行代码下载B站弹幕
    【pytorch】使用迁移学习(resnet18)训练mnist数据集
    迁移学习在实际应用中需要注意什么?
    【python】进度条的简单实现
    【机器学习】AI去马赛克工具(图像修复)
  • 原文地址:https://www.cnblogs.com/moonsoft/p/10358316.html
Copyright © 2011-2022 走看看