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 相关文章推荐
Extjs Ext.MessageBox.confirm 确认对话框详解
Apr 02 Javascript
使用jQuery+HttpHandler+xml模拟一个三级联动的例子
Aug 09 Javascript
遍历jquery对象的代码分享
Nov 02 Javascript
解决3.01版的jquery.form.js中文乱码问题的解决方法
Mar 08 Javascript
原生JS操作网页给p元素添加onclick事件及表格隔行变色
Dec 01 Javascript
修复bash漏洞的shell脚本分享
Dec 31 Javascript
javascript获取select值的方法分析
Jul 02 Javascript
Bootstrap响应式侧边栏改进版
Sep 17 Javascript
ES6正则的扩展实例详解
Apr 25 Javascript
解决Angular.js中使用Swiper插件不能滑动的问题
Feb 26 Javascript
layui table 多行删除(id获取)的方法
Sep 12 Javascript
使用vue-element-admin框架从后端动态获取菜单功能的实现
Apr 29 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连接Oracle数据库
2006/10/09 PHP
用PHP和ACCESS写聊天室(三)
2006/10/09 PHP
phpfans留言版用到的数据操作类和分页类
2007/01/04 PHP
php 目录遍历、删除 函数的使用介绍
2013/04/28 PHP
微信公众号开发之微信公共平台消息回复类实例
2014/11/14 PHP
PHP实现163邮箱自动发送邮件
2016/03/29 PHP
PHP Yaf框架的简单安装使用教程(推荐)
2016/06/08 PHP
php微信开发之关注事件
2018/06/14 PHP
PHP实现倒计时功能
2020/11/16 PHP
jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍
2011/11/21 Javascript
基于jQuery的烟花效果(运动相关)点击屏幕出烟花
2012/06/14 Javascript
jquery插件开发注意事项小结
2013/06/04 Javascript
jQuery和AngularJS的区别浅析
2015/01/29 Javascript
javascript实现类似java中getClass()得到对象类名的方法
2015/07/27 Javascript
通过Ajax使用FormData对象无刷新上传文件方法
2016/12/08 Javascript
详解node中创建服务进程
2017/05/09 Javascript
记一次vue去除#问题处理经过小结
2019/01/24 Javascript
详解几十行代码实现一个vue的状态管理
2019/01/28 Javascript
express中static中间件的具体使用方法
2019/10/17 Javascript
Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)
2020/04/27 Javascript
Python StringIO模块实现在内存缓冲区中读写数据
2015/04/08 Python
Python 爬虫学习笔记之单线程爬虫
2016/09/21 Python
Python DataFrame设置/更改列表字段/元素类型的方法
2018/06/09 Python
Python从Excel中读取日期一列的方法
2018/11/28 Python
超简单使用Python换脸实例
2019/03/27 Python
Django网络框架之创建虚拟开发环境操作示例
2019/06/06 Python
python  ceiling divide 除法向上取整(或小数向上取整)的实例
2019/12/27 Python
django model object序列化实例
2020/03/13 Python
Python+MySQL随机试卷及答案生成程序的示例代码
2021/02/01 Python
使用Html5 Stream开发实时监控系统
2020/06/02 HTML / CSS
运动鞋、足球鞋和慕尼黑球衣:Sport Münzinger
2019/08/26 全球购物
StringBuilder和String的区别
2015/05/18 面试题
法律进社区实施方案
2014/03/21 职场文书
《画杨桃》教学反思
2014/04/13 职场文书
科技之星事迹材料
2014/06/02 职场文书
Pytorch中TensorBoard及torchsummary的使用详解
2021/05/12 Python