gridview中添加单选和多选

1.前台js  

<script type="text/javascript">
        function SetAll(obj) {
            var chk = document.getElementById("<%=this.GridView1.ClientID%>").getElementsByTagName("input");
            for (var i = 0; i < chk.length; i++) {
                if (chk[i].id = "chkOne") {
                    if (chk[i].disabled == false) {
                        chk[i].checked = obj.checked;
                    }
                }
            }
        }
    </script>

2.gridview 单选和多选框的加法

<asp:TemplateField>
<HeaderTemplate>
<asp:CheckBox ID="chkAll" runat="server" onclick="SetAll(this)" Text="全选" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="chkOne" runat="server" />
</ItemTemplate>
</asp:TemplateField>

3.后台取出选中的行的信息

StringBuilder deptIDs = new StringBuilder();
        foreach (GridViewRow gvr in GridView2.Rows)
        {
            CheckBox chk = gvr.FindControl("chkOne") as CheckBox;
            if (chk.Checked)
            { deptIDs.Append(",").Append(GridView2.DataKeys[gvr.RowIndex]["RequestID"].ToString().Trim()); }
        }
        string[] sArray = deptIDs.ToString().Split(‘,‘);

注意:给gridview绑定DataKeyNames

时间: 2024-10-13 05:00:41

gridview中添加单选和多选的相关文章

解决radiobutton在gridview中无法单选的一种方法

最近在项目中有个单选gridview中某一项的需求,使用radiobutton后发现,虽然最终选择出来的是一项,但是在页面上却可以选择多项,经过查看生成的html代码,发现生成的radio的name属性并不一样,即使已经加了groupname.解决方法代码如下 页面代码: <asp:GridView ID="SmartGridView1" runat="server" AutoGenerateColumns="False" PageSize

在GridView中添加产品

如图是效果图 定义一个 GridView 再在上面添加 产品 先定义产品的适配器 1 package org.xml.demo; 2 3 import ogg.huanxin.huadong.R; 4 import android.content.Context; 5 import android.view.LayoutInflater; 6 import android.view.View; 7 import android.view.ViewGroup; 8 import android.w

GridView中实现CheckBox的全选

转载于:http://www.cnblogs.com/oec2003/archive/2007/11/09/954798.html 用服务器端的方法: 在页面上放一个gridview控件,配置好数据源,编辑列,添加一个模版列,再编辑模版,放入一个checkbox控件.代码如下: <asp:GridView ID="GridView1" runat="server" AllowPaging="True" AutoGenerateColumns

关于Html5中的单选与多选

1.下拉列表样式: <select> <option value ="volvo">Volvo</option> <option value ="saab">Saab</option> <option value="opel">Opel</option> <option value="audi">Audi</option>

Webform之Repeater中的单选和多选的应用以及前段JS的实现

HTML中的代码 <asp:Repeater ID="Repeater1" runat="server"> <HeaderTemplate> <table> <thead> <tr> <th> <input id="Checkbox1" type="checkbox" name="ckall" /></th>//

vue2.0中实现单选,全选,购物车加减计算等效果

<!doctype html><html class="no-js"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="description" content=""> &l

android中的单选和多选框

先展示一下效果图 大致代码如下: 1 <?xml version="1.0" encoding="utf-8"?> 2 <TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 android:layout_width="fill_parent" 4 android:layout_height="fill_pa

GridView中实现全选与取消全选,以便同时删除多条数据

我们项目后台操作中不可避免的会有同时删除多项的操作,本文实现的就是当点击全选时,选定当前页中所有项,当取消了某一项的选定,则“全选”CheckBox的checked也为false:然后在后台中取到所选定的项的ID,实现同时删除多项的功能. 前台代码 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 1 <%@ Page Language="

ASP.NET GridView中加入RadioButton不能单选的解决方案

今天开发碰见一个问题,就是当GridView中加入一个包含RadioButton的模板列,结果一运行.....天啊,单选按钮可以多选了! 囧啊!为了演示一下我今天的错误我还是模拟一个功能场景吧,我要实现的功能是显示一个包含单选按钮的学生信息列表,选择一行后将详细信息显示出来~! 1.问题展现 ①首先准备一个GridView用来展示学生的基本信息与最重要的单选按钮,代码如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 <asp:GridView ID="GridView1&q