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 相关文章推荐
类似GMAIL的Ajax信息反馈显示
Feb 16 Javascript
IE下双击checkbox反应延迟问题的解决方法
Mar 27 Javascript
JavaScript二维数组实现的省市联动菜单
May 08 Javascript
js获取日期:昨天今天和明天、后天
Jun 11 Javascript
JavaScript实现的多个图片广告交替显示效果代码
Sep 04 Javascript
深入学习JavaScript的AngularJS框架中指令的使用方法
Mar 05 Javascript
jQuery获取与设置iframe高度的方法
Aug 01 Javascript
JS判断iframe是否加载完成的方法
Aug 03 Javascript
VUE 解决mode为history页面为空白的问题
Nov 01 Javascript
JavaScript进制转换实现方法解析
Jan 18 Javascript
echarts 使用formatter 修改鼠标悬浮事件信息操作
Jul 20 Javascript
vue中可编辑树状表格的实现代码
Oct 31 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
天使彦史上最神还原,性别曝光的那一刻,百万网友恋爱了
2020/03/02 国漫
php mysql Errcode: 28 终极解决方法
2009/07/01 PHP
PHP学习 变量使用总结
2011/03/24 PHP
php除数取整示例
2014/04/24 PHP
WordPress中重置文章循环的rewind_posts()函数讲解
2016/01/11 PHP
laravel 配置路由 api和web定义的路由的区别详解
2019/09/03 PHP
js 分页全选或反选标识实现代码
2011/08/09 Javascript
JQuery扩展插件Validate 1 基本使用方法并打包下载
2011/09/05 Javascript
jQuery EasyUI API 中文文档 搜索框
2011/09/29 Javascript
js 数值转换为3位逗号分隔的示例代码
2014/02/19 Javascript
jquery实现页面虚拟键盘特效
2015/08/08 Javascript
JS Array.slice 截取数组的实现方法
2016/01/02 Javascript
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】
2016/10/17 Javascript
jQuery Ajax实现跨域请求
2017/01/21 Javascript
前端分页功能的实现以及原理(jQuery)
2017/01/22 Javascript
Angularjs自定义指令实现分页插件(DEMO)
2017/09/16 Javascript
js中apply与call简单用法详解
2017/11/06 Javascript
layui结合form,table的全选、反选v1.0示例讲解
2018/08/15 Javascript
vue绑定事件后获取绑定事件中的this方法
2018/09/15 Javascript
vue 判断两个时间插件结束时间必选大于开始时间的代码
2020/11/04 Javascript
[02:41]DOTA2英雄基础教程 亚巴顿
2014/01/02 DOTA
[40:05]DOTA2上海特级锦标赛A组小组赛#1 EHOME VS MVP.Phx第一局
2016/02/25 DOTA
python字符串中的单双引
2017/02/16 Python
python 网络编程详解及简单实例
2017/04/25 Python
Python实现八皇后问题示例代码
2018/12/09 Python
简单了解python PEP的一些知识
2019/07/13 Python
jupyter notebook 多行输出实例
2020/04/09 Python
教你使用Sublime text3搭建Python开发环境及常用插件安装另分享Sublime text3最新激活注册码
2020/11/12 Python
python爬虫搭配起Bilibili唧唧的流程分析
2020/12/01 Python
HTML5在微信内置浏览器下右上角菜单的调整字体导致页面显示错乱的问题
2021/01/19 HTML / CSS
请描述一下”is a”关系和”has a”关系
2015/02/03 面试题
小学生打架检讨书
2014/01/26 职场文书
银行开户授权委托书格式
2014/10/10 职场文书
授权协议书范本(3篇)
2019/10/15 职场文书
Centos环境下Postgresql 安装配置及环境变量配置技巧
2021/05/18 PostgreSQL
python flask开发的简单基金查询工具
2021/06/02 Python