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 相关文章推荐
jquery中dom操作和事件的实例学习 仿yahoo邮箱登录框的提示效果
Nov 30 Javascript
js字符串转换成xml对象并使用技巧解读
Apr 18 Javascript
jQuery学习笔记之jQuery原型属性和方法
Jun 09 Javascript
详解JavaScript中循环控制语句的用法
Jun 03 Javascript
React Native实现简单的登录功能(推荐)
Sep 19 Javascript
vue loadmore 组件滑动加载更多源码解析
Jul 19 Javascript
VUE Error: getaddrinfo ENOTFOUND localhost
May 03 Javascript
老生常谈JS中的继承及实现代码
Jul 06 Javascript
解决Vue.js由于延时显示了{{message}}引用界面的问题
Aug 25 Javascript
js限制input只能输入有效的数字(第一个不能是小数点)
Sep 28 Javascript
vue2路由基本用法实例分析
Mar 06 Javascript
如何在postman测试用例中实现断言过程解析
Jul 09 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
第一个无线电台是由谁发明的
2021/03/01 无线电
使用Curl进行抓取远程内容时url中文编码问题示例探讨
2013/10/29 PHP
使用PHP生成图片的缩略图的方法
2015/08/18 PHP
WebGame《逆转裁判》完整版 代码下载(1月24日更新)
2007/01/29 Javascript
懒就要懒到底——鼠标自动点击(含时间判断)
2007/02/20 Javascript
javascript中获取选中对象的类型
2007/04/02 Javascript
js利用Array.splice实现Array的insert/remove
2009/01/13 Javascript
jQuery基础知识filter()和find()实例说明
2010/07/06 Javascript
jQuery EasyUI API 中文文档 - DataGrid数据表格
2011/11/17 Javascript
javascript中字符串的定义示例代码
2013/12/19 Javascript
Javascript 函数parseInt()转换时出现bug问题
2014/05/20 Javascript
JavaScript常用验证函数实例汇总
2014/11/25 Javascript
轻松学习jQuery插件EasyUI EasyUI创建RSS Feed阅读器
2015/11/30 Javascript
AngularJS中的Directive自定义一个表格
2016/01/25 Javascript
JS中使用DOM来控制HTML元素
2016/07/31 Javascript
bootstrap datetimepicker2.3.11时间插件使用
2016/11/19 Javascript
详解AngularJS通过ocLazyLoad实现动态(懒)加载模块和依赖
2017/03/01 Javascript
zTree 树插件实现全国五级地区点击后加载的示例
2018/02/05 Javascript
vue-cli 3.x 修改dist路径的方法
2018/09/19 Javascript
JS使用for in有序获取对象数据
2020/05/19 Javascript
vue渲染方式render和template的区别
2020/06/05 Javascript
[00:31]DOTA2上海特级锦标赛 Fnatic战队宣传片
2016/03/04 DOTA
[47:04]LGD vs infamous Supermajor小组赛D组 BO3 第二场 6.3
2018/06/04 DOTA
Python yield 小结和实例
2014/04/25 Python
零基础写python爬虫之打包生成exe文件
2014/11/06 Python
python executemany的使用及注意事项
2017/03/13 Python
使用Python从零开始撸一个区块链
2018/03/14 Python
Python cookbook(数据结构与算法)找出序列中出现次数最多的元素算法示例
2018/03/15 Python
使用pandas对两个dataframe进行join的实例
2018/06/08 Python
python实现按首字母分类查找功能
2019/10/31 Python
20世纪40年代连衣裙和复古服装:The Seamstress Of Bloomsbury
2018/07/24 全球购物
英国旅行箱包和行李箱购物网站:Travel Luggage & Cabin Bags
2019/08/26 全球购物
生产管理的三大手法
2013/11/11 职场文书
六一儿童节活动策划方案
2014/01/27 职场文书
大学新闻系自荐书
2014/05/31 职场文书
民事调解协议书
2016/03/21 职场文书