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 相关文章推荐
js trim函数 去空格函数与正则集锦
Nov 20 Javascript
Extjs4.0设置Ext.data.Store传参的请求方式(默认为GET)
Apr 02 Javascript
jQuery布局插件UI Layout简介及使用方法
Apr 03 Javascript
解析js原生方法创建表格效率测试
Jul 08 Javascript
jquery+CSS3实现3D拖拽相册效果
Jul 18 Javascript
JS数组去掉重复数据只保留一条的实现代码
Aug 11 Javascript
在JSP中如何实现MD5加密的方法
Nov 02 Javascript
详解mpvue开发小程序小总结
Jul 25 Javascript
JavaScript实现星级评价效果
May 17 Javascript
基于vue实现圆形菜单栏组件
Jul 05 Javascript
Vue数字输入框组件的使用方法
Oct 19 Javascript
js cavans实现静态滚动弹幕
May 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
用PHP实现的四则运算表达式计算实现代码
2011/08/02 PHP
php连接mssql的一些相关经验及注意事项
2013/02/05 PHP
php获取微信共享收货地址的方法
2017/12/21 PHP
laravel 实现根据字段不同值做不同查询
2019/10/23 PHP
php使用redis的几种常见操作方式和用法示例
2020/02/20 PHP
如何实现iframe(嵌入式帧)的自适应高度
2006/07/26 Javascript
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.3
2008/03/22 Javascript
JavaScript this调用规则说明
2010/03/08 Javascript
改进UCHOME的记录发布,增强可访问性用户体验
2011/01/17 Javascript
JavaScript 函数参数是传值(byVal)还是传址(byRef) 分享
2013/07/02 Javascript
可自定义速度的js图片无缝滚动示例分享
2014/01/20 Javascript
jquery 扑捉回车键事件代码
2014/04/24 Javascript
js采用concat和sort将N个数组拼接起来的方法
2016/01/21 Javascript
微信小程序 获取session_key和openid的实例
2017/08/17 Javascript
vue中v-cloak解决刷新或者加载出现闪烁问题(显示变量)
2018/04/20 Javascript
小程序获取周围IBeacon设备的方法
2018/10/31 Javascript
jQuery实现的简单歌词滚动功能示例
2019/01/07 jQuery
vue生命周期与钩子函数简单示例
2019/03/13 Javascript
ES6知识点整理之模块化的应用详解
2019/04/15 Javascript
微信小程序12行js代码自己写个滑块功能(推荐)
2020/07/15 Javascript
Vue 实现拨打电话操作
2020/11/16 Javascript
[38:23]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第一场
2014/05/24 DOTA
Python Sqlite3以字典形式返回查询结果的实现方法
2016/10/03 Python
在python中,使用scatter绘制散点图的实例
2019/07/03 Python
Python基本语法之运算符功能与用法详解
2019/10/22 Python
python使用ctypes调用扩展模块的实例方法
2020/01/28 Python
在pycharm中关掉ipython console/PyDev操作
2020/06/09 Python
全球性的在线婚纱礼服工厂:27dress.com
2019/03/21 全球购物
架构师岗位职责
2013/11/18 职场文书
自我鉴定注意事项
2014/01/19 职场文书
广播体操比赛口号
2014/06/10 职场文书
小学安全汇报材料
2014/08/14 职场文书
汶川大地震感悟
2015/08/10 职场文书
浅谈Nginx 中的两种限流方式
2021/03/31 Servers
python实现批量移动文件
2021/04/05 Python
MongoDB数据库常用的10条操作命令
2021/06/18 MongoDB