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选中的值,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

时间: 2017-07-23

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

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

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

在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 =

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选择的行内容

这些东西的选取首先就要找出选择的是第几行,如下: 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

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

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

奇偶行高亮显示及鼠标划过高亮显示类

花了点时间,封装成了一个类(附带一个添加样式的类),适合初学者,直接调用函数即可,无需改代码. 核心JavaScript代码: 奇或偶数行高亮显示及鼠标划过高亮显示类~@Mr.Think body{font-size:0.8em;letter-spacing:1px;font-family:"微软雅黑"; line-height:1.8em} h1{font-size:1em; font-weight:normal;} h1 a{background:#CFF; padding:2px

一个简单但常用的javascript表格样式_鼠标划过行变色 简洁实现

第一个太简单就不说了,第二个也很简单,但每个人都有不同的实现方法,下面给一个比较简洁的做法,支持IE6.IE7.FF2,其他浏览器未测试(可以扩展一下用到ASP.NET的GridView里): 鼠标划过表格行变色-简洁实现 #tb{width:666px;border-collapse:collapse;border:1px solid #EEE;font-size:14px;} #tb th{background:#EEE;border-bottom:1px solid #CCC;paddin

JavaScript+CSS相册特效实例代码

嗯 就是这样一个例子,视频学到的一个特效,实际用处并不大,但是可以帮助理解JS语言和熟悉CSS3样式. 设计: 观察一张图片的变化,发现: 1.图片缩放(随机,并且不是同时运动) 1.从大到小 2.从小到大,透明度从1到0(在第一步运动完成后立马开始) 2.图片旋转(随机,并且不是同时运动的.需要在全部运动走完以后开始) 3. 因为每张图片是随机开始变换的,所以起始时间是不同的,这里可设置一个延迟器setTimeout,时间用random随机生成即可. 4. 中间需要用到自执行函数,因为setT

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

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

绝对经典的滑轮新闻显示(javascript+css)实现

绝对经典的滑轮新闻显示(javascript+css)很早就有了,今天又见到,拿出来大家分享一下... 效果如下图:screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this

JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果

本文实例讲述了JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果.分享给大家供大家参考.具体如下: 这里演示JavaScript+CSS仿Mootools竖排黑色动画菜单,并非使用了Mootools,但效果却和使用了Mootools差不多,动画效果平滑,操作舒服,给菜单增色不少. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-css-mootools-style-demo/ 具体代码如下: <!DOCTYPE html

JavaScript+CSS实现仿天猫侧边网页菜单效果

本文实例讲述了JavaScript+CSS实现仿天猫侧边网页菜单效果.分享给大家供大家参考.具体如下: 这是一款自己写的仿天猫的菜单效果,二级分类的功能已经实现,但没有美化,留着用的朋友自己完善吧,JS功能已经实现,鼠标移在主分类上,二级分类向右伸出展开,目前淘宝网.天猫购物.京东都在用的导航菜单特效,测试时候请先点击一下菜单,主菜单就显示出来了. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-css-ftamil-web-menu-st

JavaScript+CSS实现的可折叠二级菜单实例

本文实例讲述了JavaScript+CSS实现的可折叠二级菜单.分享给大家供大家参考,具体如下: .aspx文件: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="NavigateMenu.aspx.cs" Inherits="NavigateMenu" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHT

动态载入/删除/更新外部 JavaScript/Css 文件的代码

动态载入 JavaScript/Csss 文件 传统加载外部JavaScript(*.js) 或者 Css(*.css)文件的方法是直接在<head>标签里面进行添加: 复制代码 代码如下: <head> <script type="text/javascript" src="myscript.js"></script> <link rel="stylesheet" type="te