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 通用javascript函数库整理
Aug 14 Javascript
javascript中有趣的反柯里化深入分析
Dec 05 Javascript
jquery表格内容筛选实现思路及代码
Apr 16 Javascript
javascript框架设计读书笔记之模块加载系统
Dec 02 Javascript
了不起的node.js读书笔记之例程分析
Dec 22 Javascript
jQuery中has()方法用法实例
Jan 06 Javascript
使用UrlConnection实现后台模拟http请求的简单实例
Jan 04 Javascript
jQuery.Form上传文件操作
Feb 05 Javascript
在 webpack 中使用 ECharts的实例详解
Feb 05 Javascript
动态加载、移除js/css文件的示例代码
Mar 20 Javascript
微信小程序实现slideUp、slideDown滑动效果及点击空白隐藏功能示例
Dec 11 Javascript
js实现中文实时时钟
Jan 15 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
做了CDN获取用户真实IP的函数代码(PHP与Asp设置方式)
2013/04/13 PHP
提高Laravel应用性能方法详解
2019/06/24 PHP
js中的escape及unescape函数的php实现代码
2007/09/04 Javascript
javascript简易缓动插件(源码打包)
2012/02/16 Javascript
jquery焦点图片切换(数字标注/手动/自动播放/横向滚动)
2013/01/24 Javascript
javascript实现动态侧边栏代码
2014/02/19 Javascript
js判断浏览器是否支持html5
2014/08/17 Javascript
jQuery使用empty()方法删除元素及其所有子元素的方法
2015/03/26 Javascript
js判断手机端(Android手机还是iPhone手机)
2015/07/22 Javascript
基于angular-utils-ui-breadcrumbs使用心得(分享)
2017/11/03 Javascript
Router解决跨模块下的页面跳转示例
2018/01/11 Javascript
一个基于react的图片裁剪组件示例
2018/04/18 Javascript
vue中get请求如何传递数组参数的方法示例
2019/11/08 Javascript
vue动态渲染svg、添加点击事件的实现
2020/03/13 Javascript
Vue中的nextTick作用和几个简单的使用场景
2021/01/25 Vue.js
python基础入门学习笔记(Python环境搭建)
2016/01/13 Python
Python爬虫实战:分析《战狼2》豆瓣影评
2018/03/26 Python
Python实现的计算马氏距离算法示例
2018/04/03 Python
python 限制函数调用次数的实例讲解
2018/04/21 Python
python中pytest收集用例规则与运行指定用例详解
2019/06/27 Python
代码实例讲解python3的编码问题
2019/07/08 Python
Python-numpy实现灰度图像的分块和合并方式
2020/01/09 Python
基于TensorFlow中自定义梯度的2种方式
2020/02/04 Python
selenium学习教程之定位以及切换frame(iframe)
2021/01/04 Python
CSS中垂直居中的简单实现方法
2015/07/06 HTML / CSS
英国索普公园票务和酒店套餐:Thorpe Breaks
2019/09/14 全球购物
意大利单身交友网站:Meetic
2020/07/12 全球购物
关于抽烟的检讨书
2014/02/25 职场文书
企业承诺书怎么写
2014/05/24 职场文书
租房安全协议书
2014/08/20 职场文书
网络文明传播志愿者活动方案
2014/08/20 职场文书
2014年体育工作总结
2014/11/24 职场文书
上甘岭观后感
2015/06/10 职场文书
十二生肖观后感
2015/06/12 职场文书
Python实战之实现康威生命游戏
2021/04/26 Python
JavaScript实现显示和隐藏图片
2021/04/29 Javascript