JS全选，复选框是.net服务器控件checkBox 在GridView中的模板列

最新推荐文章于 2020-05-02 12:23:34 发布
最新推荐文章于 2020-05-02 12:23:34 发布
阅读量1.4k 收藏
点赞数
分类专栏： HTML/DHTML C# javaScript 文章标签： 服务器 .net server asp function xhtml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Xw_Andy/article/details/4730979
版权
C# 同时被 3 个专栏收录
16 篇文章 0 订阅
订阅专栏
javaScript
11 篇文章 0 订阅
订阅专栏
HTML/DHTML
5 篇文章 0 订阅
订阅专栏

<%@   Page   Language= "C# "   %>   
 
<%@   Import   Namespace= "System.Data "   %>    
   
<%--http://community.csdn.net/Expert/TopicView3.asp?id=5714048--%>    
 
<!DOCTYPE   html   PUBLIC   "-//W3C//DTD   XHTML   1.0   Transitional//EN "   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">    
    
 
<script   runat= "server ">   
 
 
 
        protected   void   Page_Load(object   sender,   EventArgs   e)   
 
        {   
 
                if   (!IsPostBack)   {   
 
                        LoadProductData();   
 
                }   
 
        }       
 
          
 
        void   LoadProductData()   
 
        {   
 
                DataTable   dt   =   CreateSampleProductData();   
 
 
 
                GridView1.DataSource   =   dt;   
 
                GridView1.DataBind();             
 
        }  
 
 
 
        #region   sample   data   
 
 
 
        static   DataTable   CreateSampleProductData()   
 
        {   
 
                DataTable   tbl   =   new   DataTable( "Products ");   
 
 
 
                tbl.Columns.Add( "ProductID ",   typeof(int));   
 
                tbl.Columns.Add( "ProductName ",   typeof(string));                   
 
                tbl.Columns.Add( "UnitPrice ",   typeof(decimal));   
 
                tbl.Columns.Add( "CategoryID ",   typeof(int));   
 
 
 
                tbl.Rows.Add(1,   "Chai ",   18,   1);   
 
                tbl.Rows.Add(2,   "Chang ",   19,   1);   
 
                tbl.Rows.Add(3,   "Aniseed   Syrup ",   10,   2);   
 
                tbl.Rows.Add(4,   "Chef   Anton 's   Cajun   Seasoning ",   22,   2);   
 
                tbl.Rows.Add(5,   "Chef   Anton 's   Gumbo   Mix ",   21.35,   2);   
 
                tbl.Rows.Add(47,   "Zaanse   koeken ",   9.5,   3);   
 
                tbl.Rows.Add(48,   "Chocolade ",   12.75,   3);   
 
                tbl.Rows.Add(49,   "Maxilaku ",   20,   3);                   
 
 
 
                return   tbl;   
 
        }  
 
 
 
        #endregion         
 
 
 
</script>   
 
 
 
<html   xmlns= "http://www.w3.org/1999/xhtml "   >   
 
<head   runat= "server ">   
 
        <title> CSDN_GridViewAllAndRowCheckBox </title>   
 
        <script   type= "text/javascript ">   
 
        //   选择   GridView   中指定的   checkbox   
 
        function   chkAll(sender)   
 
        {   
 
                var   grd   =   document.getElementById( "GridView1 ");   
 
                var   chkArr   =   grd.getElementsByTagName( "input ");   
 
                for(var   i   =   0;   i   <   chkArr.length;   i++)   {   
 
                        if(chkArr[i].type   ==   "checkbox "   &&     
 
                                chkArr[i].id.indexOf( "chkItem ")   >   -1)   {   
 
                                chkArr[i].checked   =   sender.checked;   
 
                        }   
 
                }   
 
        }   
 
 
 
        //   同步chkItem和chkAll   
 
        function   chkItem(sender)   
 
        {                   
 
                var   grd   =   document.getElementById( "GridView1 ");   
 
                var   chkArr   =   grd.getElementsByTagName( "input ");   
 
                var   chkAll;   
 
                for(var   i   =   0;   i   <   chkArr.length;   i++)   {                           
 
                        if(chkArr[i].type   ==   "checkbox "   &&     
 
                                chkArr[i].id.indexOf( "chkAll ")   >   -1)   {   
 
                                chkAll   =   chkArr[i];   
 
                                break;   
 
                        }   
 
                }   
 
                for(var   i   =   0;   i   <   chkArr.length;   i++)   {                           
 
                        if(chkArr[i].type   ==   "checkbox "   &&     
 
                                chkArr[i].id.indexOf( "chkItem ")   >   -1   &&     
 
                                !chkArr[i].checked)   {   
 
                                chkAll.checked   =   false;   
 
                                return;   
 
                        }   
 
                }   
 
                chkAll.checked   =   true;   
 
        }   
 
        </script>   
 
</head>   
 
<body>   
 
        <form   id= "form1 "   runat= "server ">   
 
        <div>   
 
                <asp:GridView   ID= "GridView1 "   runat= "server "   AutoGenerateColumns= "false ">   
 
                        <Columns>   
 
                                <asp:TemplateField>   
 
                                        <HeaderTemplate>   
 
                                                <asp:CheckBox   ID= "chkAll "   οnclick= 'chkAll(this) '   runat= "server "   />   
 
                                        </HeaderTemplate>   
 
                                        <ItemTemplate>   
 
                                                <asp:CheckBox   ID= "chkItem "   οnclick= 'chkItem() '   runat= "server "   />   
 
                                        </ItemTemplate>   
 
                                </asp:TemplateField>   
 
                                <asp:TemplateField   HeaderText= "ProductName ">   
 
                                        <ItemTemplate>   
 
                                                <%#   Eval( "ProductName ")   %>   
 
                                        </ItemTemplate>   
 
                                </asp:TemplateField>   
 
                                <asp:BoundField   DataField= "UnitPrice "   HeaderText= "UnitPrice "   />   
 
                        </Columns>   
 
                </asp:GridView>   
 
        </div>   
 
        </form>   
 
</body>   
 
</html>  

 

Xw_Andy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
VB.NET学习笔记：自定义控件——扩展DataGridView控件支持全选的CheckBox列
zyjq52uys的博客
01-16 1392
在《VB.NET学习笔记：自定义控件之扩展DataGridViewColumnHeaderCell类增加CheckBox全选复选框》一文中通过在DataGridView控件的列表头绘制一个CheckBox控件来实现全选功能，实现起来感觉不是很顺手，今天再次仔细研读《开源DataGridView扩展（1） 扩展支持全选的CheckBox列。》博文，该文使用的是C#，我把它翻译成了VB.NET语言，记...
教学思路ASP.Net之服务器控件：二、CheckBox、RadioButton、Panel、Image控件
weixin_33774883的博客
05-26 121
前三种控件的使用与Winform相同，Image控件可以把它想象成pictureBox控件，下面我们来复习一下控件的属性，同时也学习一下符合web特性的新属性。 checkbox控件和RadioButton控件的是否选中都使用Checked属性，Text属性设置控件上的文字，TextAlign属性将设置文本在控件的位置，默认为right，当Te...
checkbox控件使用
Ian22l的博客
05-02 3255
checkbox（复选框），用于多个选择选中或者多个选择不选等情况下使用，例如你喜欢吃的水果可有多种，或者都没有，也可以只有一种。checkbox控件其实就是一个button并附带一个可以检测目前是否被选中的状态变量isChecked，如果被选中isChecked为true,否则为flase. 例如如下的效果图： xml布局 activity_main.xml <?xml version=...
asp.net 中GridView控件实现全选及反选的功能
dange_h的专栏
06-26 1431
大家都知道邮箱里面有全部删除邮件的复选按钮，其实还是比较简单哈！废话嘛！就不说那么多了，我先给大家讲哈功能的实现。首先，拖一个GridView控件和SqlDataSource控件，配置数据源。然后，进行GridView控件的配置，点击‘编辑模板’添加2个CheckBox控件，分别放在ItemTemplate里面和HeaderTemplate，下面再添加 javascript脚本代码    
js 实现复选框(checkbox)类似单选钮(radio)点击互斥效果
热门推荐
jokewangloveyou的专栏
11-19 1万+
New Document function bb(obj){  var aa = document.forms[0].aa;  for (var i = 0; i   aa[i].checked = false;  }  obj.checked = true; } //-->
asp.net GridView控件中实现全选的解决方案
01-20
这种解决方案依赖于C#或VB.NET的后端代码，通过检测表头复选框的状态来更新GridView中所有行的复选框状态。以下是具体实现： 1. 在GridView中添加一个复选框，并设置一个`.CheckedChanged`事件。 ```html <asp:...
在ASP.NET 2.0中操作数据之五十：为GridView控件添加Checkbox
10-22
本文主要介绍ASP.NET 2.0中为GridView控件添加Checkbox复选框控件的方法，并实现全选功能。
C#_winform_GridView_CheckBox_多选_全选
01-12
同时，还需要确保全选复选框的状态与GridView中所有行的选中状态保持一致。 在处理多选数据时，通常需要保存用户的选中状态。这可以通过遍历GridView的SelectedRows集合，获取每行的索引，然后在后端存储这些索引。...
Gridview使用CheckBox全选与单选采用js实现同时高亮显示选择行
01-21
Insus.NET对Gridview使用CheckBox单选与全选功能再次进行简单演示，选中的行，使用高亮显示，让用户一目了然看到哪一行被选择了。本例中，使用前端脚本Javascript来实现。还是先看看Insus.NET做出来的效果： Insus...
javascript中CheckBox全选终极方案
10-24
在JavaScript编程中，实现CheckBox全选功能是一项常见的需求，特别是在数据展示或用户交互的场景下，如ASP.NET中的Gridview或Repeater控件。这里我们将深入探讨一种在ASP.NET环境中利用JavaScript实现CheckBox全选和...
CheckBox在控件 两种方式实现
NineFruit
04-12 3198
布局代码详情：（下配效果图）&lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_hei...
ASP.NET的Gridview控件简单使用（分页、序号、选框、全选）（附源码）
My设计Road
12-21 4180
这次我们实现的功能是：全选，单选，可以提取一行的数据，分页，结合下拉列表筛选数据，显示序号。1.全选 //全选 protected void CheckBox2_CheckedChanged1(object sender, EventArgs e) { for (int i = 0; i <= GridView1.Rows.Count - 1; i++
C#定时器【控制台程序】
Xw_Andy的专栏
11-28 1万+
 using System;using System.Timers;namespace 定时器ConsoleApplication1{class Class1{    [STAThread]   static void Main(string[] args)  {    System.Timers.Timer aTimer = new System.Timers.Timer();     aTim
.NET WEBFORM 中的gridview ，想在header中添加checkbox控件实现全选或全不选
最新发布
06-07
在.NET WEBFORM中的gridview中添加全选或全不选的Checkbox控件，可以通过以下步骤实现： 1. 在GridView的HeaderTemplate中添加一个CheckBox控件 ```csharp <asp:GridView ID="GridView1" runat="server"> <asp:...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值