JavaScript取得gridview中获取checkbox选中的值

测试好半天，才出来，checkbox在第一列，

 for( i=1;i<document.all.GVmain.rows.length;i++)
     {
      var cb=document.all.GVmain.rows(i).cells(0).children(0);
      if(cb.checked)
      {
         temp0=document.all.GVmain.rows(i).cells(1).innerText;
         temp1=document.all.GVmain.rows(i).cells(5).innerText;
         temp2=document.all.GVmain.rows(i).cells(6).innerText;
       }
     }

好了，下面再给大家分享一段比较不错的代码片段，具体代码如下所示：

///功能：判断是否有选中项；
///参数：frm - 当前表单Form；idVal - 要查找的CheckBox的id；
///返回：True/False；
///调用：<INPUT type="submit" value="提交" id="btnS" runat="server"
onclick="JavaScript:return confirmSel(this.form, 'chkSel');">
///说明：'chkSel' - 将判断所有id包含'chkSel'的控件；
function confirmSel(frm, idVal)
{
// loop through all elements
var IsChecked;
IsChecked=false;
for (i=0; i<frm.length; i++)
{
// Look for our checkboxes only
if (frm.elements[i].id.indexOf (idVal) !=-1)
{
// If any are checked then confirm alert, otherwise nothing happens
if(frm.elements[i].checked)
{
IsChecked=true;
return true;
//return confirm ('确定要提交所选择的记录吗？')
}
}
}
if(IsChecked==false)
{
alert('请选择要进行操作的行!!!');
return false;
}
}
///功能：对CheckBox实现单选功能；
///参数：frm - 当前表单Form；chkVal - 当前CheckBox状态:选中True,不选中False；idVal - 当前CheckBox的id；
///返回：True/False；
///调用：<input type="checkbox" id='chkSel' onpropertychange='JavaScript:selChk(this.form,this.checked,this.id);' title="" runat="Server">
///说明：hdnChkID - Hidden隐藏框，用于存放上次选中项CheckBox的id；
function selChk(frm,chkVal,idVal)
{                    if(chkVal == true) //如果当前CheckBox被选中
{
//将上次选中的CheckBox的id赋给变量lstChkID
var lstChkID = document.getElementByIdx("hdnChkID").value;
//记录当前CheckBox的id
document.getElementByIdx("hdnChkID").value = idVal;
if(lstChkID!='')
{
document.getElementByIdx(lstChkID).checked = false;
}
}
}
//CheckBox单选-遍历实现
function singleSelCHK(idVal,chkId)
{ var vInput=document.getElementsByTagName_r("INPUT");
for(var i in vInput)
{ var obj=vInput[i]; if(obj.type=="checkbox" && obj.id.indexOf(chkId)!=-1 && obj.id!=document.getElementByIdx(idVal).id)
{
//alert(obj.type); vInput[i].checked=false; } } }

总结

以上所述是小编给大家介绍的JavaScript从gridview中获取checkbox选中的值，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！

赞 (0)

相关推荐

  • js GridView 实现自动计算操作代码

    注意下面的代码,需要加载jquery所以请大家自行到官方网站下载最新版本. 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" &g

  • Gridview使用CheckBox全选与单选采用js实现同时高亮显示选择行

    Gridview使用CheckBox全选与单选采用js实现同时高亮显示选择行

    Insus.NET对Gridview使用CheckBox单选与全选功能再次进行简单演示,选中的行,使用高亮显示,让用户一目了然看到哪一行被选择了.本例中,使用前端脚本Javascript来实现.还是先看看Insus.NET做出来的效果: Insus.NET原本是从数据库获取数据并绑定至GridView控件的,为了在学asp.net的网友,也能轻易操作,因此这个想法,采用对象存储数据. 首先创建一个对象,[对联]的对象: Couplets.cs 复制代码 代码如下: using System; u

  • 在js中判断checkboxlist(.net控件客户端id)是否有选中

    在提交添加或修改内容时,需要对关键数据进行判空处理,如何在js中判断checkboxlist是否有选择项呢? 具体操作如下: 复制代码 代码如下: var CheckBox = document.getElementById("<%=cblWeek.ClientID %>").getElementsByTagName("INPUT"); if (CheckBox != undefined) { var i = 0; var j = 0; for (i =

  • 用javascript css实现GridView行背景色交替、鼠标划过行变色，点击行变色选中

    加上鼠标点击选择(其实只是点击后变个颜色,"选择"这个词在这里不合适),顺便把这个直接应用到GridView上,如果是其他的控件,或者直接的HTML,稍加修改也可以用上,这里仅提供一个思路.虽然GridView使用AlternatingRowStyle提供了交替行背景色的问题,但这个东西用着实在不爽,看它生成到HTML的那个table,那叫一个乱啊. 下面是代码,注释应该还算比较详细,比较适合初学者,可以把下面两个文件的代码直接复制到你的项目中直接执行.最下面有文件的下载地址,也可以直

  • JavaScript获取GridView选择的行内容

    这些东西的选取首先就要找出选择的是第几行,如下: var table = document.getElementById("<%=GridView1.ClientID %>"); var rowIndex = 0 ; for(var i=1;i<table.rows.length;i++) { var input = table.rows[i].cells[0].getElementsByTagName("input")[0].checked; i

  • js 获取后台的字段 改变 checkbox的被选中的状态 代码

    复制代码 代码如下: <td width="15%" align="left">是否为分包人</td>     <td width="35%" align="left">      <INPUT TYPE="checkbox" NAME="fbr"  id="fbr1">        <s:hidden name

  • JavaScript取得gridview中获取checkbox选中的值

    测试好半天,才出来,checkbox在第一列, for( i=1;i<document.all.GVmain.rows.length;i++) { var cb=document.all.GVmain.rows(i).cells(0).children(0); if(cb.checked) { temp0=document.all.GVmain.rows(i).cells(1).innerText; temp1=document.all.GVmain.rows(i).cells(5).inner

  • jQuery获取checkbox选中的值

    jQuery获取checkbox选中的值

    1.问题背景 有几个多选框,选择其中的几个,获取选中的值 2.设计结果如下图所示: 3.设计源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

  • jQuery中获取checkbox选中项等操作及注意事项

    jQuery中获取checkbox选中项等操作及注意事项

    1. 获取checkbox的选中项 2. checkbox选项的全选 反选操作 用于测试的checkbox代码段: 复制代码 代码如下: <div>            <input type="checkbox" name="abc" value="一年级" id="in1" checked="checked" /><label for="in1">

  • WebForm获取checkbox选中的值(几个简单的示例)

    PS:最近在做权限管理这个模块,发现用checkbox的地方挺多的,于是写了个简单的例子,以供以后学习和使用. 1.前端页面: <form id="form1" method="get" runat="server"> <input name="chk_per" type="checkbox" value="3" />张三 <input name="

  • GridView中获取被点击行中的DropDownList和TextBox中的值

    aspx页面代码:通过点击GridView中的a标签获取被点击行中的下拉框和文本框中的值 复制代码 代码如下: <asp:GridView ID="GridView1" runat="server"> <Columns> <asp:BoundField HeaderText="ID" DataField="ID" /> <asp:BoundField HeaderText="

  • jquery中获取select选中值的代码

    jquery获取select选择的文本与值 获取select 选中的 text : $("#ddlregtype").find("option:selected").text(); 获取select选中的 value: $("#ddlregtype ").val(); 获取select选中的索引: $("#ddlregtype ").get(0).selectedindex;

  • GridView中点击CheckBox选中一行来改变此行的颜色

    前台: 复制代码 代码如下: <asp:TemplateField HeaderText="选择"> <ItemStyle HorizontalAlign="Center"/> //居中显示 <ItemTemplate> <asp:CheckBox ID="ckbSelect" runat="server" AutoPostBack="true" onchecked

  • 用js的for循环获取radio选中的值

    例如: 复制代码 代码如下: <li><input type="radio" name="zt" value="1"></li> <li><input type="radio" checked="checked" name="zt" value="2"></li> <li><in

  • asp.net如何得到GRIDVIEW中某行某列值的方法

    根据某列的值改变其样式最好的方法是在GridView的DataRowBound事件中想办法.在GridView中的行绑定数据后将立即执行DataRowBound事件.DataRowBound事件使用GridViewRowEventargs类作为事件变量.通过事件变量你能够利用GridViewRowEventArgs属性操作已经绑定数据的行. 复制代码 代码如下: protected void GridView1_RowDataBound(object sender, GridViewRowEve

  • GridView中加上CheckBox 的全选功能的代码

    首先我們當然是要先做出一個有資料的GridViewGridView做好後,我們在後方新增一個樣板欄位(TemplateField)請在新增的樣板欄位中的HeaderTemplate加入一個CheckBox作為全選用,然後在ItemTemplate也加入一個CheckBox 复制代码 代码如下: <asp:TemplateField>                          <HeaderTemplate>                              <

随机推荐