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


Posted in Javascript onJuly 24, 2017

        测试好半天,才出来,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选中的值,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
经常用到的JavasScript事件的翻译
Apr 09 Javascript
解决自定义$(id)的方法与jquery选择器$冲突的问题
Jun 14 Javascript
使用JavaScript链式编程实现模拟Jquery函数
Dec 21 Javascript
js采用concat和sort将N个数组拼接起来的方法
Jan 21 Javascript
jQuery插件实现文字无缝向上滚动效果代码
Feb 25 Javascript
详解JavaScript中双等号引起的隐性类型转换
May 30 Javascript
AngularJS 霸道的过滤器小结
Apr 26 Javascript
深入探究AngularJs之$scope对象(作用域)
Jul 20 Javascript
如何使node也支持从url加载一个module详解
Jun 05 Javascript
React传值 组件传值 之间的关系详解
Aug 26 Javascript
Javascript实现鼠标移入方向感知
Jun 24 Javascript
js实现弹幕飞机效果
Aug 27 Javascript
Javascript之图片的延迟加载的实例详解
Jul 24 #Javascript
在React中如何优雅的处理事件响应详解
Jul 24 #Javascript
使用AngularJS编写多选按钮选中时触发指定方法的指令代码详解
Jul 24 #Javascript
想用好React的你必须要知道的一些事情
Jul 24 #Javascript
利用node.js实现反向代理的方法详解
Jul 24 #Javascript
Vue2 Vue-cli中使用Typescript的配置详解
Jul 24 #Javascript
mui开发中获取单选按钮、复选框的值(实例讲解)
Jul 24 #Javascript
You might like
php入门小知识
2008/03/24 PHP
PHP 检查扩展库或函数是否可用的代码
2010/04/06 PHP
hessian 在PHP中的使用介绍
2010/12/13 PHP
php中选择什么接口(mysql、mysqli)访问mysql
2013/02/06 PHP
基于PHP实现生成随机水印图片
2020/12/09 PHP
用Laravel轻松处理千万级数据的方法实现
2020/12/25 PHP
理解Javascript_14_函数形式参数与arguments
2010/10/20 Javascript
js中opener与parent的区别详细解析
2014/01/14 Javascript
简介AngularJS的HTML DOM支持情况
2015/06/17 Javascript
Web前端开发工具——bower依赖包管理工具
2016/03/29 Javascript
jQuery中show与hide方法用法示例
2016/09/16 Javascript
node.js版本管理工具n无效的原理和解决方法
2016/11/24 Javascript
Nodejs多站点切换Htpps协议详解及简单实例
2017/02/23 NodeJs
js调用刷新界面的几种方式
2017/05/03 Javascript
微信小程序 自动登陆PHP源码实例(源码下载)
2017/05/08 Javascript
vue.js默认路由不加载linkActiveClass问题的解决方法
2017/12/11 Javascript
vue el-table实现自定义表头
2019/12/11 Javascript
python中使用urllib2伪造HTTP报头的2个方法
2014/07/07 Python
Python 专题五 列表基础知识(二维list排序、获取下标和处理txt文本实例)
2017/03/20 Python
Python之re操作方法(详解)
2017/06/14 Python
使用python实现BLAST
2018/02/12 Python
浅谈Python中的私有变量
2018/02/28 Python
Python实现求解一元二次方程的方法示例
2018/06/20 Python
Django如何自定义model创建数据库索引的顺序
2019/06/20 Python
Python如何实现小程序 无限求和平均
2020/02/18 Python
清洁工表扬信
2014/01/08 职场文书
大学活动邀请函
2014/01/28 职场文书
中文师范生自荐信
2014/01/30 职场文书
地方白酒代理协议书
2014/10/25 职场文书
2014年终工作总结范本
2014/12/15 职场文书
2014普法依法治理工作总结
2014/12/18 职场文书
盗窃案辩护词
2015/05/21 职场文书
大学生饮品店创业计划书范文
2019/07/10 职场文书
Nginx Rewrite使用场景及配置方法解析
2021/04/01 Servers
mysql中int(3)和int(10)的数值范围是否相同
2021/10/16 MySQL
Win11 S Mode版本泄露 正式上线后叫做Windows 11 SE
2021/11/21 数码科技