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 轻松支持函数重载 (Part 2 - 实现)
Aug 04 Javascript
JQueryEasyUI datagrid框架的基本使用
Apr 08 Javascript
封装好的一个万能检测表单的方法
Jan 21 Javascript
javascript实现数独解法
Mar 14 Javascript
JavaScript中字符串(string)转json的2种方法
Jun 25 Javascript
浅谈javascript中的加减时间
Jul 12 Javascript
jQuery实现可拖拽3D万花筒旋转特效
Jan 03 Javascript
js实现短信发送倒计时功能(正则验证)
Feb 10 Javascript
微信小程序实战之自定义模态弹窗(8)
Apr 18 Javascript
laydate 显示结束时间不小于开始时间的实例
Aug 11 Javascript
从零开始在NPM上发布一个Vue组件的方法步骤
Dec 20 Javascript
24个ES6方法解决JS实际开发问题(小结)
May 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
PHP生成验证码时“图像因其本身有错无法显示”的解决方法
2013/08/07 PHP
php中使用base HTTP验证的方法
2015/04/20 PHP
分享php代码将360浏览器导出的favdb的sqlite数据库文件转换为html
2015/12/09 PHP
利用php实现一周之内自动登录存储机制(cookie、session、localStorage)
2016/10/31 PHP
JavaScript中的prototype使用说明
2010/04/13 Javascript
三级下拉菜单的js实现代码
2011/05/23 Javascript
js arguments,jcallee caller用法总结
2013/11/30 Javascript
js控制input输入字符解析
2013/12/27 Javascript
JavaScript设计模式之原型模式(Object.create与prototype)介绍
2014/12/28 Javascript
JavaScript与HTML的结合方法详解
2015/11/23 Javascript
关于js二维数组和多维数组的定义声明(详解)
2016/10/02 Javascript
Bootstrap Table使用方法解析
2016/10/19 Javascript
ReactNative页面跳转Navigator实现的示例代码
2017/08/02 Javascript
Vuex中mutations与actions的区别详解
2018/03/01 Javascript
微信开发之企业付款到银行卡接口开发的示例代码
2018/09/18 Javascript
layui表格数据重载
2019/07/27 Javascript
vue+elementUi图片上传组件使用详解
2019/08/20 Javascript
vue.js实现简单的计算器功能
2020/02/22 Javascript
H5 js点击按钮复制文本到粘贴板
2020/11/19 Javascript
[33:33]完美世界DOTA2联赛PWL S2 FTD.C vs SZ 第二场 11.27
2020/11/30 DOTA
Python编码时应该注意的几个情况
2013/03/04 Python
python实现超简单端口转发的方法
2015/03/13 Python
利用Python生成文件md5校验值函数的方法
2017/01/10 Python
详谈Python2.6和Python3.0中对除法操作的异同
2017/04/28 Python
Django用户认证系统 User对象解析
2019/08/02 Python
10分钟理解CSS3 FlexBox弹性布局
2018/12/20 HTML / CSS
互动出版网:专业书籍
2017/03/21 全球购物
Mountain Warehouse德国官网:英国户外零售商
2019/08/11 全球购物
Moss Bros官网:英国排名第一的西装店
2020/02/26 全球购物
澳大利亚著名的纺织品品牌:Canningvale
2020/05/05 全球购物
小学生演讲稿
2014/01/12 职场文书
新年寄语大全
2014/04/12 职场文书
企业整改报告范文
2014/11/08 职场文书
个人党性分析材料
2014/12/19 职场文书
廉洁自律个人总结
2015/02/14 职场文书
企业管理不到位检讨书
2019/06/27 职场文书