<%@ 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. DNS（bind）添加A、CNAME、MX、PTR记录、智能DNS（ACL）

    1.添加一条A记录(记得更改serial): vim /var/named/chroot/etc/lnh.com.zone 重启一下: rndc reload 查看从服务器: 测试结果: master ...

  2. Python的星号（*）和双星号（**）用法

    ①引言 在Python中,星号除了用于乘法数值运算和幂运算外,还有一种特殊的用法是在变量前加单个星号或两个星号,实现多参数的传人或变量的拆解. ②什么是星号变量 最初,星号变量是用在函数的参数传递上的 ...

  3. JSDoc 注释规范

    命令名描述 @param @argument 指定参数名和说明来描述一个函数参数@returns 描述函数的返回值@author 指示代码的作者@deprecated 指示一个函数已经废弃,而且在将来 ...

  4. Http请求中Content-Type

    1.  Content-Type MediaType,即是Internet Media Type,互联网媒体类型:也叫做MIME类型,在Http协议消息头中,使用Content-Type来表示具体请求 ...

  5. Mysql在InnoDB引擎下索引失效行级锁变表锁案例

    先做好准备,创建InnoDB引擎数据表,并添加了相应的索引 DROP TABLE IF EXISTS `innodb_lock`; CREATE TABLE `innodb_lock` ( `a` ) ...

  6. linux及安全第六周总结——20135227黄晓妍

    总结部分: 操作系统内核三大功能: 进程管理,内存管理,文件系统 最核心的是进程管理 为了管理,首先要对每一个进程进行描述.进程描述符提供了所有内核需要了解的信息. 进程控制模块:task_struc ...

  7. 将日期转换为指定的格式：比如转换成 年月日时分秒 这种格式：yyyy-MM-dd hh:mm:ss 或者 yyyy-MM-dd。总结下。

    可以为Date原型添加如下的方法: Date.prototype.format = function(fmt) { var o = { "M+" : this.getMonth() ...

  8. html 入门2-表

    html  入门-列表 表格 表单 一.表标签 1,无序列表 ( ul:li ) 注意:代码排版必须要层次分明 2,有序列表 (ol:li) 3,自定义列表 (dl:li) 二．表格标签 1,tabl ...

  9. python 字典元素值的乘积

    my_dict = {,,} result= for key in my_dict: result=result * my_dict[key] print(result)

  10. git看不到别人创建的远程分支

    解决办法: $ git fetch //取回所有分支(branch)的更新.如果只想取回特定分支的更新,可以指定分支名,例:$ git fetch <远程主机名> <分支名> ...