<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default4.aspx.cs" Inherits="Default4" %>

 <!DOCTYPE html>

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head runat="server">

     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

     <title></title>

 </head>

 <body>

     <form id="form1" runat="server">

         <div>

             <table style="width: 100%; text-align: center; background-color: navy;">

                 <tr style="color: white;">

                     <td>全选

                         <input type="checkbox" id="ckall" />

                     </td>

                     <td>ids</td>

                     <td>pic</td>

                     <td>name</td>

                     <td>nowPrice</td>

                     <td>oldPrice</td>

                     <td>context</td>

                 </tr>

                 <asp:Repeater ID="Repeater1" runat="server">

                     <ItemTemplate>

                         <tr style="background-color: white;">

                             <td>

                                 <input type="checkbox" class="ck" name="ck" value="<%#Eval("ids") %>" />

                             </td>

                             <td><%#Eval("ids") %> </td>

                             <td><%#Eval("pic") %></td>

                             <td><%#Eval("name") %></td>

                             <td><%#Eval("nowPrice") %></td>

                             <td><%#Eval("oldPrice") %></td>

                             <td><%#Eval("context") %></td>

                         </tr>

                     </ItemTemplate>

                 </asp:Repeater>

             </table>

             <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

             <asp:Button ID="Button1" runat="server" Text="删除" />

         </div>

     </form>

 </body>

 </html>

 <script type="text/javascript">

     document.getElementById("ckall").onclick = function () {

         var oCks = document.getElementsByClassName("ck");

         for (var i = ; i < oCks.length; i++) {

             oCks[i].checked = this.checked;

         }

     };

     var ooCks = document.getElementsByClassName("ck");

     for (var i = ; i < ooCks.length; i++) {

         ooCks[i].onclick = function () {

             var count = ;

             for (var j = ; j < ooCks.length; j++) {

                 if (ooCks[j].checked == false) {

                     count++;

                 }

             }

             if (count > ) {

                 document.getElementById("ckall").checked = false;

             }

             else {

                 document.getElementById("ckall").checked = true;

             }

         };

     }

 </script>

删除操作：

 using System;

 using System.Collections.Generic;

 using System.Linq;

 using System.Web;

 using System.Web.UI;

 using System.Web.UI.WebControls;

 public partial class Default4 : System.Web.UI.Page

 {

     protected void Page_Load(object sender, EventArgs e)

     {

         if (!IsPostBack)

         {

             Repeater1.DataSource = new gouwuData().Select();

             Repeater1.DataBind();

         }

         Button1.Click += Button1_Click;

     }

     void Button1_Click(object sender, EventArgs e)

     {

         string s = Request["ck"];

         //Label1.Text = s;

         if (s != null)

         {

             string[] ss = s.Split(',');

             for (int i = ; i < ss.Length; i++)

             {

                 new gouwuData().Delete(Convert.ToInt32(ss[i]));

             }

             Response.Redirect("Default4.aspx");

         }

         else

         {

             Label1.Text = "未选择数据！";

         }

     }

 }

Js 实战3（实现全选）的更多相关文章

  1. JS中表格的全选和删除要注意的问题

    在项目开发中,由于刚刚开始做项目,我对js还不是很精通,所以在用js对表格的全选和删除中遇到了不少问题,后来通过查找资料解决了,之后总结了一下关于js表格的全选和删除出现的一些问题,希望能帮助到大家. ...

  2. Vue.js实现checkbox的全选和反选

    小颖之前写的代码存在一个bug,就是当你选择全选的时候去掉后面的一个选项,再点全选结果就是反的了.很感谢博客园的朋友帮我改了这个问题嘻嘻,下面一起来看看具体是怎么实现的吧. 1.html <te ...

  3. vue.js 批量删除跟全选，反选效果

    <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" ...

  4. js实现checkbox的全选和全不选功能

    html代码: <form name="form1" method="post" action="manage.php?act=sub" ...

  5. <一>初探js特效魅力之全选不选反选04

    初探js特效魅力04 我们在进入到公司里面工作的时候,做一个同一个项目,经常是大家分工合作,当我们写css时,一般不写在行间,因为这样会被误操作,也就是被乱删了都不知道,这样的后果是很难检查的 ,因为 ...

  6. asp.net中Repeater结合js实现checkbox的全选/全不选

    前台界面代码: <input name="CheckAll" type="checkbox" id="CheckAll" value= ...

  7. js和jq实现全选反选

    在前端中用到全选反选的案例并不少,在这里呢我就实现这个功能给大家参考参考. 这里呢就先贴上我的html和css代码 <div class="wrap"> <tab ...

  8. JS 控制checkbox 获取 全选 全不选 一行不选择全选则不被选择 所有选择全选被选择

    //点击全选button的事件操作 function selectAll(){ var allcheckBoxs=document.getElementsByName("iTo") ...

  9. js初学—实现checkbox全选功能

    布局如下: <p ><input type="checkbox" id="che1"/>全选</p><div id=& ...

  10. js实现checkbox的全选/取消

    所有的操作都将使用jquery进行. 主要是为了实现指定内容的批量/单独删除操作. 先看一下页面的设计. 实现操作的主要地方是: 首先实现单击“标题”旁的checkbox实现所有条目的选择. 要点:j ...

随机推荐

  1. Django进阶 (二)

    规范 确立规范的好处: 代码可读性高 方便代码的定位极其查找 为以后代码扩容带来便利 场景: 在多个APP的场景下,单个app的URL函数功能较多的时候,我们可以通过以下方法来解决. 把Views写成 ...

  2. uva1424

    Traveling salesmen of nhn. (the prestigious Korean internet company) report their current location t ...

  3. flume通过avro对接（汇总数据）

    使用场景: 把多台服务器(flume generator)上面的日志汇总到一台或者几台服务器上面(flume collector),然后对接到kafka或者HDFS上 Flume Collector服 ...

  4. Tcp/Ip:Telnet指令

    作用: 1,客户端连接服务端,并对服务端操作: (此功能已逐渐废弃,代替他的远程桌面): 2,telnet ip地址 端口号   用来测试Ip地址下,端口号是否可以被访问

  5. 20145307陈俊达《网络对抗》Exp4 恶意代码分析

    20145307陈俊达<网络对抗>Exp4 恶意代码分析 基础问题回答 如果在工作中怀疑一台主机上有恶意代码,但只是猜想,所有想监控下系统一天天的到底在干些什么.请设计下你想监控的操作有哪 ...

  6. 关于Cooperation.GTST

    Cooperation.GTST团队项目简介 我们打算利用Android Studio开发一款博客园的Android APP,初步设想能够实现在Android手机平台使用博客园的相关功能,后续想法会在 ...

  7. [BZOJ2834]回家的路

    Description Input Output Sample Input 2 1 1 2 1 1 2 2 Sample Output 5   思路还是很简单的,然而最短路打错各种对拍各种调了一早上 ...

  8. [问题解决]win10误删启动项（BCD）（HP电脑亲测，无需启动盘，并非重装系统）

    昨天使用easyBCD软件,开始不太懂,手残把win10的引导删除了,后来发现电脑关机总是变成重启,无奈强制关机.今天重启了一下电脑,发现电脑已经无法打开了,这才明白昨天是误删了win10的BCD. ...

  9. C#SendMessage用法

    C#SendMessage用法 分类: C#操作内存相关 2011-11-26 23:52 1255人阅读 评论(0) 收藏 举报 函数功能:该函数将指定的消息发送到一个或多个窗口.此函数为指定的窗口 ...

  10. VC6_预编译头

    1.去掉 使用预编译头"stdafx.h" VC6 --> Project --> Settings.. --> C/C++选项卡 --> "Ca ...