如何通过 javascript 访问 GridView/DataGrid 选中 CheckBox 行各列的值

原创 2007年09月28日 14:39:00
主要代码
<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>
 

GridView中根据CheckBox选中的行取出某列的值

GridView中根据CheckBox选中的行取出某列的值
  • u012810138
  • u012810138
  • 2014年08月12日 12:51
  • 2122

解决easyui datagrid加载数据时,checkbox列没有根据checkbox的值来确定是否选中

http://www.yunjuu.com/info/31583.html
  • jun55xiu
  • jun55xiu
  • 2015年03月23日 15:18
  • 1088

通过 javascript 访问 GridView/DataGrid 选中 CheckBox 行各列的值

http://www.cnblogs.com/Jinglecat/archive/2007/07/15/818967.html   功能需求1,  单击 checkbox 返回当前行值2,  外部按钮...
  • zhuxiangshengwww
  • zhuxiangshengwww
  • 2010年09月29日 10:35
  • 223

js遍历gridview中某个CheckBox控件并获取选中值

function KPMSCheckSubmit() { if (!checkReqField()) { return false; }...
  • baobaolaogong
  • baobaolaogong
  • 2014年10月15日 11:13
  • 1865

怎样用JS获取DataGrid中CheckBox是否选中,并且取得该行的DataGrid数据?

void Page_Load(Object sender, EventArgs e) { if (!IsPostBack) { MyDataGrid.DataSource = new string[]...
  • nnsword
  • nnsword
  • 2007年10月28日 14:03
  • 1563

对DevExpress GridControl控件,实现通过checkbox选中时整行高亮

看了官方7.0版本demo和tutorial,发现没有例子讲对于gridconrol中的gridview通过checkbox选中时,chebox也是高亮显示,而不是变白,同其他单元格一样高亮显示。 ...
  • cyberzhaohy
  • cyberzhaohy
  • 2015年09月19日 20:25
  • 2089

EasyUi DataGrid 获取选中行的checkbox

EasyUi DataGrid 获取选中行的checkbox var checked = $(":checkbox[name=ID]:checked"); console....
  • qq_36279445
  • qq_36279445
  • 2017年07月06日 22:13
  • 1100

获取datagridview中checkbox选中的多行数据

private void button2_Click(object sender, EventArgs e) //打开BOM查询{    form2 f2 = new form2(); //第二个表单...
  • brian0031
  • brian0031
  • 2011年07月20日 13:46
  • 2285

Javascript获取gridview中的行号与列号以及单元格的值

方法一:  这是在GridView里面没有控件的情况下,有控件另当别论  var gdview=;//gridview是GridView控件的ID  或者  v...
  • angel20082008
  • angel20082008
  • 2014年05月07日 23:06
  • 874

GridView中如何取的当前选中行的所有值

步骤 1,设置GridView的DataKeyName属性,为表的主键(比如UserID)。当有多个字段是主键用逗号隔开。 2,在 "> "> 3,GridV...
  • lishimin1012
  • lishimin1012
  • 2014年08月06日 11:47
  • 1213
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:如何通过 javascript 访问 GridView/DataGrid 选中 CheckBox 行各列的值
举报原因:
原因补充:

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