<%@ 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. CNN学习笔记：批标准化

    CNN学习笔记:批标准化 Batch Normalization Batch Normalization, 批标准化, 是将分散的数据统一的一种做法, 也是优化神经网络的一种方法. 在神经网络的训练过 ...

  2. 中文乱码—Servlet—SpringMVC

    一.SpringMVC中的中文乱码问题 a:处理全局请求的中文乱码(配置Web.xml的字符编码过滤器) <filter> <filter-name>encodingFilte ...

  3. la3523 白书例题 圆桌骑士 双联通分量+二分图

    具体题解看大白书P316 #include <iostream> #include <algorithm> #include <vector> #include & ...

  4. ng-深度学习-课程笔记-1: 介绍深度学习(Week1)

    1 什么是神经网络( What is a neural network ) 深度学习一般是指非常非常大的神经网络,那什么是神经网络呢? 以房子价格预测为例,现在你有6个房子(样本数量),你知道房子的大 ...

  5. window 下相关命令

    1. 启动window服务(各种应用启动设置的地方)命令方式: 1). window 按钮(输入CMD的地方)处输入:services.msc ,然后执行.   // 输入命令正确,上面的待选框中会出 ...

  6. fiddler抓包HTTPS配置及代理设置

    使用fiddler抓包过程中遇到一系列的问题,浪费了大半天时间~~~写下解决办法 按照网上方法配置之后还是无法抓到cookies提示各种证书错误 1.卸载fiddler重新安装,设置 2.设置步骤 ( ...

  7. zabbix server监控报主机 Lack of free swap space

    zabbix server监控报主机 Lack of free swap space,因为交换空间不足引起.该主机内存为3G,正常交换空间大小为物理内存2倍左右. #查看已有内存及交换空间 free ...

  8. table中checkbox选择多行

    页面代码 <table id="addressTable" class="ui-jqgrid-htable ui-common-table table table- ...

  9. Ubuntu Server VS Ubuntu Desktop区别

    今天有位朋友问我,Ubuntu Server 与 Ubuntu Desktop的区别在哪里!区别如下: SERVER没有GUI SERVER没有一堆的桌面软件 SERVER在编译时使用的参数不一样,会 ...

  10. RC 522模块在LINUX平台调试笔记

    硬件平台: 1 主控:SMDK Exynos4412 POP S5M8767A 2 RFID模块:君盾集团提供的RC522模块 3 通信接口:SPI 软件平台:Android ICS & ke ...