<%@ 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. Ubuntu下virtualenv 的安装及使用

    按照这个命令做下来基本是ok的. https://blog.csdn.net/qq_33371343/article/details/78047853

  2. mac 零碎

    查看主机名 import socket socket.gethostname() 可以这样安装postgresql 安装postgresql, 输入 brew install postgresql 安 ...

  3. 线程，协程，IO模型

    理论: 1.每创造一个进程,默认里面就有一个线程 2.进程是一个资源单位,而进程里面的线程才是CPU上的一个调度单位 3.一个进程里面的多个线程,是共享这个进程里面的资源的 4.线程创建的开销比进程要 ...

  4. spring-data-jpa 介绍 复杂查询，包括多表关联，分页，排序等

    本篇进行Spring-data-jpa的介绍,几乎涵盖该框架的所有方面,在日常的开发当中,基本上能满足所有需求.这里不讲解JPA和Spring-data-jpa单独使用,所有的内容都是在和Spring ...

  5. android中代码操作外部SD卡出错：W/System.err(1595): Caused by: libcore.io.ErrnoException: open failed: EACCES (Permission denied)

    AndroidManifest.xml 中加上: <uses-permission android:name="android.permission.WRITE_EXTERNAL_ST ...

  6. VS2010/MFC编程入门之二十八（常用控件：列表视图控件List Control 上）

    前面一节中,鸡啄米讲了图片控件Picture Control,本节为大家详解列表视图控件List Control的使用.      列表视图控件简介 列表视图控件List Control同样比较常见, ...

  7. 梅尔频率倒谱系数（MFCC） 学习笔记

    最近学习音乐自动标注的过程中,看到了有关使用MFCC提取音频特征的内容,特地在网上找到资料,学习了一下相关内容.此笔记大部分内容摘自博文 http://blog.csdn.net/zouxy09/ar ...

  8. KVM入门

    KVM KVM(Kernel-based Virtual Machine)是众多虚拟化技术之一,它是Linux内核中的一个模块,该模块依赖于CPU,如果CPU支持虚拟化,那么该模块才可以被加载.KVM ...

  9. source insight 4.0的基本使用方法（转）

    源:source insight 4.0的基本使用方法 source insight 4设置

  10. c++第十九天

    p109~p110: C风格字符串 特点: 1.不方便,不安全,尽量不使用. 2.必须以 '\0'结束.(只有这样才能使用C风格字符串函数) 3.一般利用指针操作这些字符. 4.可以用字符串字面值来初 ...