js实现遍历含有input的table实例


Posted in Javascript onDecember 07, 2015

本文实例讲述了js实现遍历含有input的table。分享给大家供大家参考,具体如下:

table 如下:

<table id="groupTable" class="tblist_black">
<%
 DataTable firstGroupTable = ViewState["firstGroupTable"] as DataTable;
 if (firstGroupTable != null)
 {
 for (int i = 0; i < firstGroupTable.Rows.Count; i )
 {
 %>
  <tr>
  <td><div style="width:40px;"><span>一级</span></div></td>
  <td><div style="width:40px;"><span> </span></div></td>
  <td><div style="width:180px;"><span><input type="text" value="<%=firstGroupTable.Rows[i]["GroupName"]%>" /></span></div></td>
  <td style="display:none"><div style="width:80px;"><span><%=firstGroupTable.Rows[i]["FirstNodeID"]%></span></div></td>
  <td style="display:none"><div style="width:80px;"><span> </span></div></td>
  <td><div style="width:60px;"><span><a href="#" onclick="editRow(<%=i%>)">[更新]</a></span></div></td>
  <td><div style="width:60px;"><span><a href="">[删除]</a></span></div></td>
  <td><div style="width:60px;"><span><a href="">[二级]</a></span></div></td>
  </tr>
<%
 }
 }
%>
</table>

js如下:

function editRow(rowIndex) {
 alert(window.groupTable.rows.item(rowIndex).cells.item(2).getElementsByTagName_r('input')[0].value);
}

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
突发奇想的一个jquery插件
Nov 19 Javascript
js实现遮罩层划出效果是生成div而不是显示
Jul 29 Javascript
javascript对中文按照拼音排序代码
Aug 20 Javascript
asp.net中oracle 存储过程(图文)
Aug 12 Javascript
CSS javascript 结合实现悬浮固定菜单效果
Aug 23 Javascript
深入浅析knockout源码分析之订阅
Jul 12 Javascript
JS图片等比例缩放方法完整示例
Aug 03 Javascript
JS仿Base.js实现的继承示例
Apr 07 Javascript
学习使用Bootstrap页面排版样式
May 11 Javascript
vue实现点击按钮切换背景颜色的示例代码
Jun 23 Javascript
Vue自定义全局弹窗组件操作
Aug 11 Javascript
vue 实现把路由单独分离出来
Aug 13 Javascript
JavaScript中的return语句简单介绍
Dec 07 #Javascript
深入理解Java线程编程中的阻塞队列容器
Dec 07 #Javascript
JS与jQuery遍历Table所有单元格内容的方法
Dec 07 #Javascript
JavaScript的History API使搜索引擎抓取AJAX内容
Dec 07 #Javascript
JavaScript给input的value赋值引发的关于基本类型值和引用类型值问题
Dec 07 #Javascript
小巧强大的jquery layer弹窗弹层插件
Dec 06 #Javascript
使用jQuery+EasyUI实现CheckBoxTree的级联选中特效
Dec 06 #Javascript
You might like
如何实现动态删除javascript函数
2007/05/27 Javascript
基于jQuery捕获超链接事件进行局部刷新代码
2012/05/10 Javascript
Javascript四舍五入Math.round()与Math.pow()使用介绍
2013/12/27 Javascript
jQuery级联操作绑定事件实例
2014/09/02 Javascript
javascript学习笔记(三)BOM和DOM详解
2014/09/30 Javascript
js判断登录与否并确定跳转页面的方法
2015/01/30 Javascript
jQuery使用模式窗口实现在主页面和子页面中互相传值的方法
2016/03/01 Javascript
聊一聊Vue.js过渡效果
2016/09/07 Javascript
用Vue.js实现监听属性的变化
2016/11/17 Javascript
概述BootStrap中role=&quot;form&quot;及role作用角色
2016/12/08 Javascript
js实现获取鼠标当前的位置
2016/12/14 Javascript
深入理解Angularjs中的$resource服务
2016/12/31 Javascript
Vue项目安装插件并保存
2019/01/28 Javascript
更强大的vue ssr实现预取数据的方式
2019/07/19 Javascript
JS实现简单移动端鼠标拖拽
2020/07/23 Javascript
React实现阿里云OSS上传文件的示例
2020/08/10 Javascript
Python 随机生成中文验证码的实例代码
2013/03/20 Python
python中实现将多个print输出合成一个数组
2018/04/19 Python
Python可变参数*args和**kwargs用法实例小结
2018/04/27 Python
对python的文件内注释 help注释方法
2018/05/23 Python
利用python循环创建多个文件的方法
2018/10/25 Python
DRF跨域后端解决之django-cors-headers的使用
2019/01/27 Python
python爬取微信公众号文章的方法
2019/02/26 Python
pandas对dataFrame中某一个列的数据进行处理的方法
2019/07/08 Python
tensorflow 重置/清除计算图的实现
2020/01/19 Python
Python3标准库之threading进程中管理并发操作方法
2020/03/30 Python
Python利用for循环打印星号三角形的案例
2020/04/12 Python
基于opencv的selenium滑动验证码的实现
2020/07/24 Python
Python爬虫定时计划任务的几种常见方法(推荐)
2021/01/15 Python
idealfit英国:世界领先的女性健身用品和运动衣物品牌
2017/11/25 全球购物
课程设计的心得体会
2014/09/03 职场文书
工伤事故赔偿协议书范文
2014/09/24 职场文书
应收账款管理制度
2015/08/06 职场文书
Go语言带缓冲的通道实现
2021/04/26 Golang
剧场版《转生恶役只好拔除破灭旗标》公开最新视觉图 2023年上映
2022/04/02 日漫
Java设计模式中的命令模式
2022/04/28 Java/Android