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 相关文章推荐
用JavaScript页面不刷新时全选择,全删除(GridView)
Apr 14 Javascript
简易js代码实现计算器操作
Apr 15 Javascript
Jquery选中或取消radio示例
Sep 29 Javascript
JS中操作JSON总结
Dec 06 Javascript
javascript cookie用法基础教程(概念,设置,读取及删除)
Sep 20 Javascript
浅谈JavaScript正则表达式-非捕获性分组
Mar 08 Javascript
jQuery实现的背景颜色渐变动画效果示例
Mar 24 jQuery
javascript 的变量、作用域和内存问题
Apr 19 Javascript
js基于FileSaver.js 浏览器导出Excel文件的示例
Aug 15 Javascript
简单了解Javscript中兄弟ifream的方法调用
Jun 17 Javascript
使用layui 的layedit定义自己的toolbar方法
Sep 18 Javascript
基于VUE实现简单的学生信息管理系统
Jan 13 Vue.js
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防止form重复提交的方法
2013/07/01 PHP
PHP微信H5支付开发实例
2018/07/25 PHP
摘自启点的main.js
2008/04/20 Javascript
javascript Discuz代码中的msn聊天小功能
2008/05/25 Javascript
IE innerHTML,outerHTML所引起的问题
2009/06/04 Javascript
js最简单的拖拽效果实现代码
2010/09/24 Javascript
基于jQuery的图片不完全按比例自动缩小
2014/07/11 Javascript
jQuery中ajax的load()与post()方法实例详解
2016/01/05 Javascript
TinyMCE汉化及本地上传图片功能实例详解
2016/05/31 Javascript
JavaScript数值千分位格式化的两种简单实现方法
2016/08/01 Javascript
jquery 删除节点 添加节点 找兄弟节点的简单实现
2016/12/07 Javascript
bootstrap滚动监控器使用方法解析
2017/01/13 Javascript
JavaScript实现星星等级评价功能
2017/03/22 Javascript
jquery DataTable实现前后台动态分页
2017/06/17 jQuery
Underscore之Array_动力节点Java学院整理
2017/07/10 Javascript
jQuery列表检索功能实现代码
2017/07/17 jQuery
详解js 创建对象的几种方法
2019/03/08 Javascript
在项目vue中使用echarts的操作步骤
2020/09/07 Javascript
Python中生成器和迭代器的区别详解
2018/02/10 Python
python实现雨滴下落到地面效果
2018/06/21 Python
python把转列表为集合的方法
2019/06/28 Python
python用for循环求和的方法总结
2019/07/08 Python
python3字符串操作总结
2019/07/24 Python
python使用socket 先读取长度,在读取报文内容示例
2019/09/26 Python
Python读取YAML文件过程详解
2019/12/30 Python
浅析python 动态库m.so.1.0错误问题
2020/05/09 Python
如何设置PyCharm中的Python代码模版(推荐)
2020/11/20 Python
html5中svg canvas和图片之间相互转化思路代码
2014/01/24 HTML / CSS
领先的钻石和订婚戒指零售商:Diamonds-USA
2016/12/11 全球购物
梵蒂冈和罗马卡:Omnia Card Pass
2018/02/10 全球购物
伦敦一卡通:The London Pass
2018/11/30 全球购物
《社戏》教学反思
2014/04/15 职场文书
党的群众路线教育实践活动个人整改措施落实情况
2014/11/04 职场文书
最美乡村教师观后感
2015/06/11 职场文书
Canvas三种动态画圆实现方法说明(小结)
2021/04/16 Javascript
使用python绘制横竖条形图
2022/04/21 Python