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 ajax学习笔记2 使用XMLHttpRequest对象的responseXML
Oct 16 Javascript
js Dialog 实践分享
Oct 22 Javascript
JS 添加千分位与去掉千分位的示例
Jul 11 Javascript
jQuery1.9.1针对checkbox的调整方法(prop)
May 01 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
Sep 26 Javascript
利用浮层使select不可选的实现方法
Dec 03 Javascript
详解AngularJS1.6版本中ui-router路由中/#!/的解决方法
May 22 Javascript
JS实现去除数组中重复json的方法示例
Dec 21 Javascript
JavaScript的Object.defineProperty详解
Jul 09 Javascript
vue element-ui实现input输入框金额数字添加千分位
Dec 29 Javascript
element中el-container容器与div布局区分详解
May 13 Javascript
Vue + element 实现多选框组并保存已选id集合的示例代码
Jun 03 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下关于Cannot use a scalar value as an array的解决办法
2010/08/08 PHP
深入PHP许愿墙模块功能分析
2013/06/25 PHP
php中simplexml_load_file函数用法实例
2014/11/12 PHP
php魔术函数__call()用法实例分析
2015/02/13 PHP
php关联数组快速排序的方法
2015/04/17 PHP
javascript的事件描述
2006/09/08 Javascript
js 控制图片大小核心讲解
2013/10/09 Javascript
利用javascript打开模态对话框(示例代码)
2014/01/11 Javascript
将数字转换成大写的人民币表达式的js函数
2014/09/21 Javascript
javascript学习笔记(六)数据类型和JSON格式
2014/10/08 Javascript
Javascript随机标签云代码实例
2016/06/21 Javascript
最棒的Angular2表格控件
2016/08/10 Javascript
JavaScript实现的微信二维码图片生成器的示例
2016/10/26 Javascript
原生js实现弹出层效果
2017/01/20 Javascript
超全面的vue.js使用总结
2017/02/12 Javascript
MUI 上拉刷新/下拉加载功能实例代码
2017/04/13 Javascript
Vue2.0学习之详解Vue 组件及父子组件通信
2017/12/12 Javascript
使用vue-router设置每个页面的title方法
2018/02/11 Javascript
解决vue-cli + webpack 新建项目出错的问题
2018/03/20 Javascript
Vue唯一可以更改vuex实例中state数据状态的属性对象Mutation的讲解
2019/01/18 Javascript
Ant Design Pro 下实现文件下载的实现代码
2019/12/03 Javascript
Javascript ParentNode和ChildNode接口原理解析
2020/03/16 Javascript
JS eval代码快速解密实例解析
2020/04/23 Javascript
有趣的JavaScript隐式类型转换操作实例分析
2020/05/02 Javascript
js实现直播点击飘心效果
2020/08/19 Javascript
使用python画个小猪佩奇的示例代码
2018/06/06 Python
win10下python3.5.2和tensorflow安装环境搭建教程
2018/09/19 Python
python 获取键盘输入,同时有超时的功能示例
2018/11/13 Python
python如何制作缩略图
2019/04/30 Python
Python函数和模块的使用总结
2019/05/20 Python
pandas的排序和排名的具体使用
2019/07/31 Python
python实现大战外星人小游戏实例代码
2019/12/26 Python
幼儿园教育教学反思
2014/01/31 职场文书
支部组织生活会方案
2014/06/10 职场文书
2014国庆节幼儿园亲子活动方案
2014/09/16 职场文书
SpringBoot工程下使用OpenFeign的坑及解决
2021/07/02 Java/Android