全选、取消、批量删除

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="IndexSum.aspx.cs" Inherits="Supplier.Later.IndexSum" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="../Css/admin.css" rel="stylesheet" type="text/css" />
<link href="../Css/pintuer.css" rel="stylesheet" type="text/css" />
<script src="../Scripts/pintuer.js" type="text/javascript"></script>
<script src="../Scripts/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function checkAll(name) {
var el = document.getElementsByTagName(‘input‘);
var len = el.length;
for (var i = 0; i < len; i++) {
if ((el[i].type == "checkbox") && (el[i].name == name)) {
el[i].checked = true;
}
}
}
function clearAll(name) {
var el = document.getElementsByTagName(‘input‘);
var len = el.length;
for (var i = 0; i < len; i++) {
if ((el[i].type == "checkbox") && (el[i].name == name)) {
el[i].checked = false;
}
}
}

</script>
</head>
<body>
<form id="form1" runat="server">
<div class="panel admin-panel">
<div class="panel-head">
<strong class="icon-reorder">收发汇总表</strong></div>
<div class="padding border-bottom">
<ul class="search">
<li>

<input type="button" value="全选" style="width: 50px" onclick="checkAll(‘test‘)" />
<input type="button" value="取消全选" style="width: 70px" onclick="clearAll(‘test‘)" />
<asp:CheckBox ID="CheckBox2" runat="server" AutoPostBack="True" Font-Size="9pt" OnCheckedChanged="CheckBox2_CheckedChanged"
Text="全选" Width="54px" />

<asp:Button ID="Button3" runat="server" Width="70px" Text="批量删除" OnClick="Button3_Click" />

<asp:Label ID="Label1" runat="server" Text="按供应商查询"></asp:Label>
<asp:TextBox ID="txtSearch" runat="server"></asp:TextBox>
<asp:Button ID="Button4" runat="server" Width="60px" Text="确认" OnClick="Button4_Click" />
<asp:FileUpload ID="FileUpload1" runat="server" />
<asp:Button ID="Button5" runat="server" Width="60px" Text="导入" OnClick="Button5_Click" />
<asp:Button ID="Button6" runat="server" Width="60px" Text="导出" OnClick="Button6_Click" />
</li>
</ul>
</div>
<table class="table table-hover text-center">
<tr>
<th>

<input type="checkbox" runat="server" name="test" onclick="if(this.checked==true) { checkAll(‘test‘); } else { clearAll(‘test‘); }" />
</th>
<th>
选择
</th>
<th width="30px">
序号
</th>
<th width="70px">
会计期间
</th>
<th width="80px">
发料仓库
</th>
<th width="80px">
物料长代码
</th>
<th width="180px">
物料名称
</th>
<th width="40px">
单位
</th>
<th width="60px">
期初结存
</th>
<th width="60px">
本期到货
</th>
<th width="60px">
本期发出
</th>
<th width="60px">
期末结存
</th>
<th width="80px">
供应商代码
</th>
<th width="180px">
供应商名称
</th>
<th width="150px">
备注
</th>
<th width="50px">
删除
</th>
</tr>
<asp:Repeater ID="Repeater1" runat="server" OnItemCommand="Repeater1_ItemCommand">
<ItemTemplate>
<tr style="text-align: center">
<td>
<%--<asp:CheckBox ID="CheckBox1" runat="server" />--%>
<asp:CheckBox ID="CheckBox1" runat="server" ToolTip=‘<%#Eval("id") %>‘ Font-Size="9pt" Height="10px" Width="10px" />
<input id="cdDelete" type="checkbox" name="test" <td>
<%#Eval("Id")%>
</td>
<td>
<%#Eval("KJQJ")%>
</td>
<td>
<%#Eval("FLCK")%>
</td>
<td>
<%#Eval("WLCDM")%>
</td>
<td>
<%#Eval("WLMC")%>
</td>
<td>
<%#Eval("DW")%>
</td>
<td>
<%#Eval("QCJC")%>
</td>
<td>
<%#Eval("BQDH")%>
</td>
<td>
<%#Eval("BQFC")%>
</td>
<td>
<%#Eval("QMJC")%>
</td>
<td>
<%#Eval("SId")%>
</td>
<td>
<%#Eval("SName")%>
</td>
<td>
<%#Eval("Remark")%>
</td>
<td>
<img src="../images/del.gif" width="16" height="16" />
<asp:LinkButton ID="btn_Del" runat="server" Text="删除" CommandName="del" CommandArgument=‘<%#Eval("ID")%>‘
OnClientClick="return confirm(‘确定删除吗?‘);" />
</td>
</tr>
</ItemTemplate>
</asp:Repeater>
<tr>
<td colspan="15">
<div align="center">
<table>
<tr>
<td>
共有
<asp:Label ID="lblRowsCount" runat="server" Text=""></asp:Label>
条记录,共
<asp:Label ID="lblPageCount" runat="server" Text=""></asp:Label>
页,当前第
<asp:Label ID="lblPageIndex" runat="server" Text="1"></asp:Label>

</td>
<td>
<table border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td width="40">
<asp:ImageButton ImageUrl="~/images/first.gif" ImageAlign="AbsMiddle" ID="btnF" runat="server"
Style="height: 15px" OnClick="btnF_Click" />
</td>
<td class="style1">
<asp:ImageButton ImageUrl="~/images/back.gif" ImageAlign="AbsMiddle" ID="btnP" runat="server"
OnClick="btnP_Click" />
</td>
<td width="45">
<asp:ImageButton ImageUrl="~/images/next.gif" ID="btnN" runat="server" Style="text-align: right"
ImageAlign="AbsMiddle" OnClick="btnN_Click" />
</td>
<td width="40">
<asp:ImageButton ImageUrl="~/images/last.gif" ID="btnL" runat="server" Style="text-align: right"
ImageAlign="AbsMiddle" OnClick="btnL_Click" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>

时间: 2024-08-17 12:04:24

全选、取消、批量删除的相关文章

php--jquery操作全选、批量删除、加减行

html代码 加减行 全选  反选 批量删除

复选框全选、批量删除

// 脚本全选 1 <head runat="server"> 2 <title></title> 3 <script type="text/javascript"> 4 function selectAll(chk) { 5 var checkboxs = document.getElementsByTagName("input"); 6 for (var i = 0; i < checkb

AJAX实现弹窗显示详情,全选和批量删除

以Nation表为例,将Nation表显示在页面上,每一行数据前面加上复选框,后面加上查看详情,点击以弹窗形式显示每一行的数据,并且在表格最后一行加上全选复选框,点击选中全部数据,后面跟一个批量删除按钮,点击删除选中项,如图: 主页面:需要用到弹窗插件,将js与css文件加载过来 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/

关于jquery全选反选 批量删除的一点心得

废话不多说直接上代码: 下面是jsp页面的html代码: <table id="contentTable" class=""> <thead> <tr> <th><input type="checkbox" id="All" value="全选/全不选" />全选/全不选</th> </tr> </thead>

jquery 全选 反选 取消 批量删除

首选引入jquery 全选 //全选 function myall(){ $("input[name='d[]']").each(function(index,e){ $(this).prop('checked',true); }); } 取消 //当true改为false时为取消 // function no(){ // $("input[name='d[]']").each(function(index,e){ // $(this).prop('checked'

jQuery 复选框全选/取消全选/反选

jQuery实现的复选框全选/取消全选/反选及获得选择的值. 完整代码: <!DOCTYPE html> <html> <head> <script type="text/javascript" src="../js/jquery-1.9.1.js"></script> <script type="text/javascript"> $(document).ready(fun

js实现checkbox的全选/取消

所有的操作都将使用jquery进行. 主要是为了实现指定内容的批量/单独删除操作. 先看一下页面的设计. 实现操作的主要地方是: 首先实现单击“标题”旁的checkbox实现所有条目的选择. 要点:jquery选择器 PHP代码如下: 将checkbox命名为“checkall”和“checklist”.届时,点击“checkall”时候 会通过选择器,将所有“checklist”选中,再进行“删除”. 实现全选/取消功能: 1 $("#checkAll").click(functio

jquery全选/取消全选(反选)/单选操作

使用jQuery实现一组checkbox全选/取消全选,代码很简洁. jquery版本:2.0 先看看HTML代码,很简单的操作框 </head> <body>    <div>        <input id="checkAll" type="checkbox" />全选        <input name="subBox" type="checkbox" />

jQuery 表单应用:全选/取消全选,表单验证,网页选项卡切换

应用一:单行文本框应用 需要用到的 API focus([[data],fn])   --> 当元素获得焦点时,触发 focus 事件 blur([[data],fn])     --> 当元素失去焦点时,触发 blur 事件 <!DOCTYPE html> <html> <head lang="en">     <meta charset="UTF-8">     <title></ti

AngularJS--购物车全选/取消全选功能实现

刚学习angularJS,于是练习写了一个类似于购物车的全选/取消全选的功能,主要实现的功能有: 1.勾选全选checkbox,列表数据全部被勾选,取消同理,用ng-model实现双向绑定: 2.选中列表中的所有checkbox,全选也会被勾选:(这里我想到的方法是给每一个对象增加checked字段,然后勾选触发echoChange()函数,用了一个cc变量计算当前checked为true的个数,然后再判断被勾选个数与数组长度是否相等,相等则证明全部被勾选,于是全选按钮也赋值为true;不知道还