【转帖】如何通过 javascript 访问 GridView/DataGrid 选中 CheckBox 行各列的值
功能需求
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 行各列的值相关推荐
- DataGrid控件读取具体某行某列的值、获取总列数
WPF中的datagrid控件获取总列数的函数是Items.Count来获取. 以下代码是循环获取各行第二列的数据,并存放在一个名为TX的Textbox控件中: for (int i = 0; i & ...
- DevExpress中实现给GridControl下的GridView表格修改指定行、列的背景颜色和获取选择行的信息
一.实现效果 ①修改GridView的标题背景颜色: ②修改选中行的背景颜色: ③修改指定行的背景颜色: ④修改指定列的背景颜色: ⑤修改指定单元格的背景颜色: ⑥获取GridView表格选中行的数据 ...
- 安卓gridview 网格,多行多列实现
主Activity() private int[] image = { R.drawable.camera, R.drawable.wifi, R.drawable.temperature,R.dra ...
- WPF之DataGrid控件根据某列的值设置行的前景色(色
一种方法是 使用 datagrid的LoadingRow事件: private void DataGrid_LoadingRow(object sender, DataGridRowEventArgs ...
- miniui datagrid java_[Java教程]MiniUI DataGrid获取当前行某列值
[Java教程]MiniUI DataGrid获取当前行某列值 0 2015-10-28 20:00:17 前言: 本文将给大家介绍一下, miniUI官网没有涉及到的内容:如何获取当前行某一列的值? ...
- GridView/DataGrid行单击和双击事件实现代码_.Net教程
功能: 单击选中行,双击打开详细页面 说明:单击事件(onclick)使用了 setTimeout 延迟,根据实际需要修改延迟时间 ;当双击时,通过全局变量 dbl_click 来取消单击事件的响应 ...
- linux访问网页元素,Linux_DOM和JAVASCRIPT访问页面上的元素,访问方法:getElementById() - phpStudy...
DOM和JAVASCRIPT访问页面上的元素 访问方法: getElementById():返回拥用传递给该方法的指定id的第一个对象的引用. getElementsByName():返回拥用传递该方 ...
- 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 ...
- JavaScript 访问对象属性和方法及区别
这篇文章主要介绍了浅析JavaScript访问对象属性和方法及区别的相关资料,仅供参考 属性是一个变量,用来表示一个对象的特征,如颜色.大小.重量等:方法是一个函数,用来表示对象的操作,如奔跑.呼吸. ...
最新文章
- 【转】RelativeLayout和LinearLayout及FrameLayout性能分析
- 【报告】2021物联网行业研究报告(附PDF下载)
- java初学者必看——J2SE小结
- 别用symbolicatecrash来解析crash Log了
- 给准保研生/调剂生的几个简历制作的建议
- 9203 0409 随堂
- AJAX(XMLHttpRequest)进行跨域请求方法详解(二)
- 02-05 从c到c++
- 如何使用 vimdiff 来 git diff /svn diff
- python 字符串_Python中常用的8种字符串操作方法
- 张小庆,在路上(2)
- Axure RP 10 安装方法
- call center外包公司如何营销成“茶颜悦色”?
- Random随机数和for循环,实现猜数游戏和双色球
- hihocoder 网易游戏2016实习生招聘在线笔试 解题报告
- 怎样让机器有人类思维
- 使用VGA实现移动方块
- VC浏览器相关的学习(二)(BHO)
- 人生之路 — 开启智慧之脑
- 智能车的“耳朵”电磁检测传感器
热门文章
- html5 settimeout,计时器setTimeout()
- bcompiler php,php_bcompiler.dll,下载,简介,描述,修复,等相关问题一站搞定_DLL之家
- 敲代码括号技巧_阅码神奇Souceinsight使用小技巧总结
- golang 字符串排序_Golang操作数据库Redis
- 单位斜变函数matlab,实验二 用MATLAB实现线性系统的时域分析
- 基于YOLOv5模型压缩、模型量化、模型剪枝
- 【camera】自动驾驶感知系统实现(车道线检测和拟合、目标检测与跟踪、道路可行驶区域分割、深度估计、图像视野到BEV空间映射、像平面到地平面映射)
- torch量化其他功能(量化、反量化)
- Linux那些事儿 之 戏说USB(19)设备的生命线(二)
- r - 求平均成绩_EXCEL计算修剪平均和条件平均,其实很简单