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 相关文章推荐
jQuery 对象中的类数组操作
Apr 27 Javascript
JS 实现完美include载入实现代码
Aug 05 Javascript
遍历DOM对象内的元素属性示例代码
Feb 08 Javascript
JQuery实现防止退格键返回的方法
Feb 12 Javascript
如何改进javascript代码的性能
Apr 02 Javascript
基于jQuery实现select下拉选择可输入附源码下载
Feb 03 Javascript
jQuery事件绑定用法详解
Sep 08 Javascript
浅谈React 属性和状态的一些总结
Nov 21 Javascript
Angular 2父子组件之间共享服务通信的实现
Jul 04 Javascript
JavaScript canvas实现围绕旋转动画
Nov 18 Javascript
vue在使用ECharts时的异步更新和数据加载详解
Nov 22 Javascript
利用JavaScript缓存远程窃取Wi-Fi密码的思路详解
Nov 05 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计划任务之关闭浏览器后仍然继续执行的函数
2010/07/22 PHP
PHP下操作Linux消息队列完成进程间通信的方法
2010/07/24 PHP
PHP学习笔记之二
2011/01/17 PHP
获取php页面执行时间,数据库读写次数,函数调用次数等(THINKphp)
2013/06/03 PHP
Zend Framework教程之资源(Resources)用法实例详解
2016/03/14 PHP
让ie运行js时提示允许阻止内容运行的解决方法
2010/10/24 Javascript
jQuery表单验证插件formValidator(改进版)
2012/02/03 Javascript
jQuery.getScript加载同域JS的代码
2012/02/13 Javascript
jquery动态添加删除(tr/td)
2015/02/09 Javascript
PHP+jQuery+Ajax+Mysql如何实现发表心情功能
2015/08/06 Javascript
js窗口关闭提示信息(兼容IE和firefox)
2015/10/23 Javascript
jQuery设置Easyui校验规则(推荐)
2016/11/21 Javascript
输入框点击时边框变色效果的实现方法
2016/12/26 Javascript
微信小程序 高德地图SDK详解及简单实例(源码下载)
2017/01/11 Javascript
详解基于Angular4+ server render(服务端渲染)开发教程
2017/08/28 Javascript
vue实现底部菜单功能
2018/07/24 Javascript
详解javascript设计模式三:代理模式
2019/03/25 Javascript
Vue循环中多个input绑定指定v-model实例
2020/08/31 Javascript
[40:48]DOTA2上海特级锦标赛D组败者赛 Liquid VS COL第二局
2016/02/28 DOTA
python使用matplotlib绘图时图例显示问题的解决
2017/04/27 Python
Python中常见的异常总结
2018/02/20 Python
浅谈dataframe中更改列属性的方法
2018/07/10 Python
set在python里的含义和用法
2019/06/24 Python
python判断一个对象是否可迭代的例子
2019/07/22 Python
python爬虫 urllib模块反爬虫机制UA详解
2019/08/20 Python
Python grequests模块使用场景及代码实例
2020/08/10 Python
如何在python中处理配置文件代码实例
2020/09/27 Python
15个Pythonic的代码示例(值得收藏)
2020/10/29 Python
CSS3教程(10):CSS3 HSL声明设置颜色
2009/04/02 HTML / CSS
人力资源专业推荐信
2013/11/29 职场文书
十岁生日家长答谢词
2014/01/17 职场文书
教师工作失职检讨书
2014/09/18 职场文书
群众路线四风问题整改措施
2014/09/27 职场文书
解除劳动合同协议书(样本)
2014/10/02 职场文书
Python爬虫爬取全球疫情数据并存储到mysql数据库的步骤
2021/03/29 Python
muduo TcpServer模块源码分析
2022/04/26 Redis