客户端实现全选

原创 2007年10月09日 09:48:00
 <%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="客户端全选.WebForm1" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
 <HEAD>
  <title>WebForm1</title>
  <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
  <meta content="C#" name="CODE_LANGUAGE">
  <meta content="JavaScript" name="vs_defaultClientScript">
  <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
  <script language="javascript">
  <!--
      function selectAll()
      {
          for(var i=0;i<document.all.length;i++)
          {
             var e=document.all[i];
             if(e.id != "chkSelectAll")
             {
                e.checked=document.all.chkSelectAll.checked;
                if(document.all.chkSelectAll.checked)
                {
     var text = document.getElementById("txt");
     text.value="取消";
    }
    else
    {
     var text = document.getElementById("txt");
     text.value="全选";
    }
             }
            
               
          }
        
      }
  //-->
  </script>
 </HEAD>
 <body MS_POSITIONING="GridLayout">
  <form id="Form1" method="post" runat="server">
   <asp:DataGrid ID="myGrid" Runat="server" AutoGenerateColumns="False">
    <Columns>
     <asp:TemplateColumn>
      <HeaderTemplate>
       <INPUT id="chkSelectAll" onclick="selectAll()" type="checkbox" name="chkSelectAll"><INPUT id="txt" name="txt" value="全选" style="WIDTH: 42px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 18px; BORDER-BOTTOM-STYLE: none"
        type="text" size="1">
      </HeaderTemplate>
      <ItemTemplate>
       <asp:CheckBox id="chkSelect" Runat="server"></asp:CheckBox><%#DataBinder.Eval(Container.DataItem,"voteItem")%>
      </ItemTemplate>
     </asp:TemplateColumn>
    </Columns>
   </asp:DataGrid></form>
 </body>
</HTML>

实现全选功能三种方法

 实现全选功能三种方法 全选效果 .bg{ background-image: url(images/list_bg.gif); background...
  • Mrf_w
  • Mrf_w
  • 2017年01月07日 16:37
  • 376

AngularJS 实现复选框 全选/取消全选

第一次写博客,也是把自己所学习的知识记录下来,以便以后查找。
  • Jason_Kennan
  • Jason_Kennan
  • 2016年12月28日 13:12
  • 3840

jquery实现全选和全不选功能

无标题文档     $(document).ready(function () {         $("#checkedAll").click(function () {       ...
  • haibo0668
  • haibo0668
  • 2016年09月13日 15:45
  • 1897

Android中checkbox全选功能的简单实现

checkbox是Android中的一个常用的控件,其中全选功能是对其功能实现的一个简单的扩展,那么接下来我们来看一下要如何实现全选功能。 首先,我们先创建一个普通的项目,修改其activity_m...
  • s402621342
  • s402621342
  • 2017年05月28日 13:42
  • 1070

用Vue实现一个全选指令

最近用vue做了两个项目,都需要实现全选反选的功能,两个项目用了两种实现方法,第一个项目用vue的computed,第二个项目用指令来实现,用起来,发觉指令更加方便。第一次做全选的时候是刚开始接触vu...
  • haihuan2004
  • haihuan2004
  • 2016年09月12日 09:55
  • 5724

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

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

复选框的全选反选实现(即购物车的复选框实现)

这周工作时在做全选时遇到卡壳,趁着闲暇时间整理一下全选的的几种实现方式。 html页面 测试页面 全选 js代码 第一种方式 ...
  • hushuanghui123
  • hushuanghui123
  • 2017年03月12日 21:04
  • 2274

checkbox 全选/反选功能的 jquery插件(支持多页保持选择)

XCheck为checkbox 全选/反选功能的 jquery插件,支持多页情况下保存已选项的情况。...
  • luoyeyu1989
  • luoyeyu1989
  • 2016年02月09日 17:58
  • 2445

关于购物车全选反选结算问题

这里提供一下实现购物车全选,反选的思路,效果图如下: 为了解决ListView滑动时,checkBox不会错乱,写一个集合,装载checkBox状态 public class MyAdapter ...
  • bian_xingkongjinghao
  • bian_xingkongjinghao
  • 2016年10月11日 14:30
  • 842

如何实现全选按钮和多选按钮

全选
  • u012992462
  • u012992462
  • 2014年09月26日 15:15
  • 984
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:客户端实现全选
举报原因:
原因补充:

(最多只允许输入30个字)