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 相关文章推荐
window.location和document.location的区别分析
Dec 23 Javascript
jquery 与NVelocity 产生冲突的解决方法
Jun 13 Javascript
caller和callee的区别介绍及演示结果
Mar 10 Javascript
javascript中怎么做对象的类型判断
Nov 11 Javascript
node.js中的定时器nextTick()和setImmediate()区别分析
Nov 26 Javascript
jQuery中用dom操作替代正则表达式
Dec 29 Javascript
浅谈JSON.parse()和JSON.stringify()
Jul 14 Javascript
微信JSSDK上传图片
Aug 23 Javascript
JavaScript代码实现禁止右键、禁选择、禁粘贴、禁shift、禁ctrl、禁alt
Nov 17 Javascript
通过JQuery,JQueryUI和Jsplumb实现拖拽模块
Jun 18 jQuery
node.JS的crypto加密模块使用方法详解(MD5,AES,Hmac,Diffie-Hellman加密)
Feb 06 Javascript
uniapp实现可以左右滑动导航栏
Oct 21 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
微信支付的开发流程详解
2016/09/13 PHP
PHP实现原生态图片上传封装类方法
2016/11/08 PHP
阿里云Win2016安装Apache和PHP环境图文教程
2018/03/11 PHP
php-fpm服务启动脚本的方法
2018/04/27 PHP
phpinfo无法显示的原因及解决办法
2019/02/15 PHP
一个小型js框架myJSFrame附API使用帮助
2008/06/28 Javascript
JavaScript 更严格的相等 [译]
2012/09/20 Javascript
js 字符串转换成数字的三种方法
2013/03/23 Javascript
javascript基本算法汇总
2016/03/09 Javascript
AngularJS 基础ng-class-even指令用法
2016/08/01 Javascript
JS查找字符串中出现次数最多的字符
2016/09/05 Javascript
Vue.js 插件开发详解
2017/03/29 Javascript
JavaScript之Canvas_动力节点Java学院整理
2017/07/04 Javascript
[js高手之路]设计模式系列课程-发布者,订阅者重构购物车的实例
2017/08/29 Javascript
vue.js中父组件调用子组件的内部方法示例
2017/10/22 Javascript
详解Vue 多级组件透传新方法provide/inject
2018/05/09 Javascript
浅谈vuex actions和mutation的异曲同工
2018/12/13 Javascript
微信js-sdk 录音功能的示例代码
2019/11/01 Javascript
基于JavaScript判断两个对象内容是否相等
2020/01/10 Javascript
利用JavaScript模拟京东按键输入功能
2020/12/01 Javascript
[01:51]2014DOTA2国际邀请赛 这个赛场没有失败者VGTi5再见
2014/07/23 DOTA
Python 文件读写操作实例详解
2014/03/12 Python
Python中encode()方法的使用简介
2015/05/18 Python
在PyCharm中批量查找及替换的方法
2019/01/20 Python
Python函数中不定长参数的写法
2019/02/13 Python
Python Django中间件,中间件函数,全局异常处理操作示例
2019/11/08 Python
详解Python中的format格式化函数的使用方法
2019/11/20 Python
django 文件上传功能的相关实例代码(简单易懂)
2020/01/22 Python
纯CSS3制作的鼠标悬停时边框旋转
2017/01/03 HTML / CSS
美国第二大连锁书店:Books-A-Million
2017/12/28 全球购物
铭立家具面试题
2012/12/06 面试题
团队会宣传标语
2014/10/09 职场文书
学习十八届四中全会依法治国心得体会
2014/11/03 职场文书
幼师个人总结范文
2015/02/28 职场文书
2015年网管个人工作总结
2015/05/22 职场文书
2015年七夕情人节感言
2015/08/03 职场文书