列表全选与全反选

最新推荐文章于 2023-08-04 17:42:43 发布
最新推荐文章于 2023-08-04 17:42:43 发布
阅读量200 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/moonsoft/p/10358316.html
版权 
<!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>

 

转载于:https://www.cnblogs.com/moonsoft/p/10358316.html

weixin_34025151
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
列表的全选反选
Zmq321834649的博客
10-24 536
一个简单的表格，全选反选功能，以及删除
jQuery实现列表的全选功能
12-09
只需要几行代码就可以实现列表的全选功能，并且可以配合post请求执行后台的删除程序 js 代码如下: function DelAlert(data)     {         if(data == ‘error’)         {             alert(“错误～”);         }         else if(data == ‘success’)         {             alert(“成功～”);             location.reload();         }     }     //引入jquery，这里后台配合的是thi
jquery 列表全选，反选，选中验证
fyhjuyol的专栏
03-08 311
反选 编号 用户名 密码 ${li.usid} ${li.usname } ${li.uspwd }
一个简单的列表全选功能
hu_Time的博客
05-11 841
描述 一个简单的列表的全选功能 html代码 <div class="wrap"> <label class="allCheck" > <input type="checkbox" id="check_all"> <span class="all-span"> </span> <span class="span-button">全选</span
列表数据全选的实现
Usjsnsn的博客
10-02 240
列表数据全选的实现，像购物车等很多场景都会用到，后续有新的方法也会添加补充。
jQuery图片列表全选反选代码
07-24
在这个“jQuery图片列表全选反选代码”的主题中，我们将深入探讨如何利用jQuery实现一个手机端的图片列表，具备全选、反选和删除功能。 首先，我们需要了解jQuery的选择器和事件绑定。在图片列表中，每个图片项通常...
简单js实现全选全部选反选效果
11-11
在JavaScript编程中，全选和反选功能是常见的交互元素，尤其在表格或者多选列表中，用户往往希望一键选择或取消所有选项。本话题将深入探讨如何利用JavaScript实现这样的功能，以提升用户体验。 首先，我们需要理解...
jQuery 全选 全部选 反选 实现代码
10-21
上次做了一个前端项目，其中有功能要求实现jquery 全选和反选功能，下面小编抽个时间把实现代码分享到脚本之家平台供大家参考下
JQUERY CHECKBOX全选,取消全选,反选方法三
12-12
下面看具体例子,为了让大家更好的理解,我直接把实现功能的代码贴出来: 代码如下:$(“#myform”).toggleCheckboxes()//全选,取消全选,反选 $(“#myform”).toggleCheckboxes(“:not(#checkbox1)”)//全选,取消全选且...
php 列表全选,jQuery实现列表的全选功能_jquery
weixin_35592186的博客
03-09 146
只需要几行代码就可以实现列表的全选功能，并且可以配合post请求执行后台的删除程序jsfunction DelAlert(data){if(data == 'error'){alert("错误～");}else if(data == 'success'){alert("成功～");location.reload();}}//引入jquery，这里后台配合的是thinkphp$(function()...
列表框全选多选.vi
10-20
labview2018多列列表框，全选，多选中行，然后生成指定的行数据
JS简单表格列表全选反选代码.zip
05-23
JS简单表格列表全选反选代码，原生JS，点击表头按钮，实现全选、反选操作，实用的网页代码。
VUE列表默认全选
m0_44981797的博客
04-25 1800
不借助列表插件中的默认属性，通过forEach＋push实现列表全选 在开发过程中，客户提出需求如下：不添加全选按钮，在用户点击缴费功能后，展示的代缴费列表已经默认全选，用户不需要再进行点击选择。 实现效果如下： 一开始考虑通过添加一个全选按钮实现全选，但是后来发现对于项目的实际情况来说，forEach＋push即可实现。代码如下： // 首先查询待缴费数据 queryOrderFeeData() { let selfPaymentOrderFee = { platf
vue列表全选反选
yanby921005的博客
08-04 159
3、点击选择调用方法。2、 选中时添加样式。4、全选反选调用方法。
二级列表和全选
Caolilu1107的博客
10-25 405
compile 'org.greenrobot:eventbus:3.0.0' 主布局代码 package com.example.cll.erjigouwuche; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.view.View; import
【案例】列表全选、全不选、反选
weixin_30576859的博客
05-23 156
注意点： checkbox.checked = true; checkbox.checked = false; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>列表全选、全不选、反选</ti...
关于列表中checkbox选中，全选设置
新的开始
12-10 855
&lt;html&gt; &lt;head&gt; &lt;script type="text/javascript"&gt; //点击行时，checkbox处理方法 function doclick(id){ var allche = document.getElementById("allid");//全选checkbox var che = document.getElement...
（13）邮箱列表全选、反选、删除
FixedStar 的博客
08-08 936
这是对之前的全选商品列表的checked、行间隔颜色显示和高亮显示的综合练习也涉及到了table中删除一行如何操作（父删子）尤其对checkAllByBut(num)让不同类似操作在同一个方法实现技巧好好理解
数据列表的全选、反选以及批量操作
djb8317的博客
11-19 836
数据列表的全选、反选以及批量操作 html部分代码： 1、全选的checkbox： <input type="checkbox" value="" id="all_columnId"> 2、每条数据前边的checkbox:<input type="checkbox" name="columnId" class="chrId" value="<% $Item.Id ...
html全选全不选反选
最新发布
11-29
以下是HTML中实现全选、全不选和反选的代码示例： 1. 全选效果 ```html <!DOCTYPE html> 全选 function selectAll(){ var checkboxes = document.getElementsByName("fruit"); for(var i=0; i; i++){...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值