功能需求

1,  单击 checkbox 返回当前行值
2,  外部按钮获取所有选择行的值

实现说明

参见主要代码,代码为自说明式。
原文地址:http://www.cnblogs.com/Jinglecat/archive/2007/07/15/818967.html

主要代码

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false"><Columns>                              <asp:TemplateField><ItemTemplate>                        <asp:CheckBox ID="chkItem1" runat="server" onclick="if(this.checked) alert(getRowValue(this))" /><%--OR--%><%--<input type="checkbox" id="chkItem2" onclick="if(this.checked) alert(getRowValue(this))" />--%></ItemTemplate></asp:TemplateField><asp:TemplateField HeaderText="ProductName" ><ItemTemplate><%# Eval("ProductName") %></ItemTemplate></asp:TemplateField><asp:BoundField DataField="UnitPrice" HeaderText="UnitPrice" /></Columns></asp:GridView>

<script type ="text/javascript">/**       返回 chk 所在行的单元格值       @param chk 表示行中的 input type=check 对象*/function getRowValue(chk)    {   //debugger;//        if(sender.checked) {  // 根据实际情况,决定是否进行选中状态判断            var tblRow = chk.parentNode.parentNode;// 改变 tblRow.cells[<cellIndex>] 中占位符 <cellIndex> 访问不同单元格            //return tblRow.cells[1].innerText + ", " + tblRow.cells[2].innerText;            return tblRow.cells[1].innerHTML + ", " + tblRow.cells[2].innerHTML;//        }    }

/**              返回指定 grdId 中所有选中行的单元格值       @param grdId 表示 GridView/DataGrid 客户端 ID,实际上他们均呈现为 <table />       @param chkIdPart 表示待处理 input type=check 控件的 ID 中的部分,考虑行中可能存在多个 checkbox, 通过此参数可以准确确定目标*/function getAllRowValue(grdId, chkIdPart)    {//debugger;        var tbl = document.getElementById(grdId);var chkList;var txt = "";/* 方法1        for(var i = 0; i < tbl.rows.length; i++) { // 遍历行            chkList = tbl.rows[i].getElementsByTagName("input"); // 返回当前行内嵌的所有 input 控件            for(var j = 0; j < chkList.length; j++) {                // 多条件准确确定目标 checkbox                if(chkList[j].type == "checkbox" && chkList[j].checked && chkList[j].id.indexOf(chkIdPart) > -1) {                    txt += getRowValue(chkList[j]) + "\n";                        break;                                }            }        }*//* 方法2 */        chkList = tbl.getElementsByTagName("input");  // 返回表内嵌的所有 input 控件        for(var j = 0; j < chkList.length; j++) {// 多条件准确确定目标 checkbox            if(chkList[j].type == "checkbox" && chkList[j].checked && chkList[j].id.indexOf(chkIdPart) > -1) {                txt += getRowValue(chkList[j]) + "\n";                                                }        }return txt;    }</script>

  

转载于:https://www.cnblogs.com/dupeng0811/archive/2011/08/18/2144904.html

【转帖】如何通过 javascript 访问 GridView/DataGrid 选中 CheckBox 行各列的值相关推荐

  1. DataGrid控件读取具体某行某列的值、获取总列数

    WPF中的datagrid控件获取总列数的函数是Items.Count来获取. 以下代码是循环获取各行第二列的数据,并存放在一个名为TX的Textbox控件中: for (int i = 0; i & ...

  2. DevExpress中实现给GridControl下的GridView表格修改指定行、列的背景颜色和获取选择行的信息

    一.实现效果 ①修改GridView的标题背景颜色: ②修改选中行的背景颜色: ③修改指定行的背景颜色: ④修改指定列的背景颜色: ⑤修改指定单元格的背景颜色: ⑥获取GridView表格选中行的数据 ...

  3. 安卓gridview 网格,多行多列实现

    主Activity() private int[] image = { R.drawable.camera, R.drawable.wifi, R.drawable.temperature,R.dra ...

  4. WPF之DataGrid控件根据某列的值设置行的前景色(色

    一种方法是 使用 datagrid的LoadingRow事件: private void DataGrid_LoadingRow(object sender, DataGridRowEventArgs ...

  5. miniui datagrid java_[Java教程]MiniUI DataGrid获取当前行某列值

    [Java教程]MiniUI DataGrid获取当前行某列值 0 2015-10-28 20:00:17 前言: 本文将给大家介绍一下, miniUI官网没有涉及到的内容:如何获取当前行某一列的值? ...

  6. GridView/DataGrid行单击和双击事件实现代码_.Net教程

    功能: 单击选中行,双击打开详细页面  说明:单击事件(onclick)使用了 setTimeout 延迟,根据实际需要修改延迟时间 ;当双击时,通过全局变量 dbl_click 来取消单击事件的响应 ...

  7. linux访问网页元素,Linux_DOM和JAVASCRIPT访问页面上的元素,访问方法:getElementById() - phpStudy...

    DOM和JAVASCRIPT访问页面上的元素 访问方法: getElementById():返回拥用传递给该方法的指定id的第一个对象的引用. getElementsByName():返回拥用传递该方 ...

  8. C#与Javascript变量、函数之间的相互调用2008年11月28日 星期五 05:28 P.M.1.如何在JavaScript访问C#函数?

    C#与Javascript变量.函数之间的相互调用 2008年11月28日 星期五 05:28 P.M. 1.如何在JavaScript访问C#函数? 2.如何在JavaScript访问C#变量? 3 ...

  9. JavaScript 访问对象属性和方法及区别

    这篇文章主要介绍了浅析JavaScript访问对象属性和方法及区别的相关资料,仅供参考 属性是一个变量,用来表示一个对象的特征,如颜色.大小.重量等:方法是一个函数,用来表示对象的操作,如奔跑.呼吸. ...

最新文章

  1. 【转】RelativeLayout和LinearLayout及FrameLayout性能分析
  2. 【报告】2021物联网行业研究报告(附PDF下载)
  3. java初学者必看——J2SE小结
  4. 别用symbolicatecrash来解析crash Log了
  5. 给准保研生/调剂生的几个简历制作的建议
  6. 9203 0409 随堂
  7. AJAX(XMLHttpRequest)进行跨域请求方法详解(二)
  8. 02-05 从c到c++
  9. 如何使用 vimdiff 来 git diff /svn diff
  10. python 字符串_Python中常用的8种字符串操作方法
  11. 张小庆,在路上(2)
  12. Axure RP 10 安装方法
  13. call center外包公司如何营销成“茶颜悦色”?
  14. Random随机数和for循环,实现猜数游戏和双色球
  15. hihocoder 网易游戏2016实习生招聘在线笔试 解题报告
  16. 怎样让机器有人类思维
  17. 使用VGA实现移动方块
  18. VC浏览器相关的学习(二)(BHO)
  19. 人生之路 — 开启智慧之脑
  20. 智能车的“耳朵”电磁检测传感器

热门文章

  1. html5 settimeout,计时器setTimeout()
  2. bcompiler php,php_bcompiler.dll,下载,简介,描述,修复,等相关问题一站搞定_DLL之家
  3. 敲代码括号技巧_阅码神奇Souceinsight使用小技巧总结
  4. golang 字符串排序_Golang操作数据库Redis
  5. 单位斜变函数matlab,实验二 用MATLAB实现线性系统的时域分析
  6. 基于YOLOv5模型压缩、模型量化、模型剪枝
  7. 【camera】自动驾驶感知系统实现(车道线检测和拟合、目标检测与跟踪、道路可行驶区域分割、深度估计、图像视野到BEV空间映射、像平面到地平面映射)
  8. torch量化其他功能(量化、反量化)
  9. Linux那些事儿 之 戏说USB(19)设备的生命线(二)
  10. r - 求平均成绩_EXCEL计算修剪平均和条件平均,其实很简单