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 相关文章推荐
javascript中方便增删改cookie的一个类
Oct 11 Javascript
javascript基础之查找元素的详细介绍(访问节点)
Jul 05 Javascript
js闭包的用途详解
Nov 09 Javascript
javascript随机抽取0-100之间不重复的10个数
Feb 25 Javascript
JS+CSS3实现超炫的散列画廊特效
Jul 16 Javascript
关于AngularJs数据的本地存储详解
Jan 20 Javascript
微信小程序小组件 基于Canvas实现直播点赞气泡效果
May 29 Javascript
纯JS实现轮播图
Feb 22 Javascript
Vue请求java服务端并返回数据代码实例
Nov 28 Javascript
vue+element-ui表格封装tag标签使用插槽
Jun 18 Javascript
vue form表单post请求结合Servlet实现文件上传功能
Jan 22 Vue.js
Vue基本指令实例图文讲解
Feb 25 Vue.js
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
理解php Hash函数,增强密码安全
2011/02/25 PHP
解析yahoo邮件用phpmailer发送的实例
2013/06/24 PHP
php获取新浪微博数据API实例
2013/11/12 PHP
浅析JavaScript中的typeof运算符
2013/11/30 Javascript
input:checkbox多选框实现单选效果跟radio一样
2014/06/16 Javascript
jQuery trigger()方法用法介绍
2015/01/13 Javascript
javascript使用avalon绑定实现checkbox全选
2015/05/06 Javascript
jQuery实现简单下拉导航效果
2015/09/07 Javascript
Sublime Text 3常用插件及安装方法
2015/12/16 Javascript
sublime text配置node.js调试(图文教程)
2017/11/23 Javascript
10个经典的网页鼠标特效代码
2018/01/09 Javascript
使用use注册Vue全局组件和全局指令的方法
2018/03/08 Javascript
vue项目国际化vue-i18n的安装使用教程
2018/03/14 Javascript
使用konva和vue-konva库实现拖拽滑块验证功能
2020/04/27 Javascript
mpvue 项目初始化及实现授权登录的实现方法
2020/07/20 Javascript
Vuejs通过拖动改变元素宽度实现自适应
2020/09/02 Javascript
Vue页面跳转传递参数及接收方式
2020/09/09 Javascript
JavaScript语法约定和程序调试原理解析
2020/11/03 Javascript
[07:03]显微镜下的DOTA2第九期——430圣堂刺客杀戮秀
2014/06/20 DOTA
[02:57]DOTA2亚洲邀请赛小组赛第四日 赛事回顾
2015/02/02 DOTA
Python ORM框架SQLAlchemy学习笔记之关系映射实例
2014/06/10 Python
在Python中使用列表生成式的教程
2015/04/27 Python
浅谈python新手中常见的疑惑及解答
2016/06/14 Python
在pycharm上mongodb配置及可视化设置方法
2018/11/30 Python
详解pandas库pd.read_excel操作读取excel文件参数整理与实例
2019/02/17 Python
详解python编译器和解释器的区别
2019/06/24 Python
python实现多线程端口扫描
2019/08/31 Python
Django中自定义模型管理器(Manager)及方法
2019/09/23 Python
浅谈Pytorch torch.optim优化器个性化的使用
2020/02/20 Python
Python如何使用ElementTree解析xml
2020/10/12 Python
Pytorch - TORCH.NN.INIT 参数初始化的操作
2021/02/27 Python
CSS3教程(4):网页边框和网页文字阴影
2009/04/02 HTML / CSS
Html5页面中的返回实现的方法
2018/02/26 HTML / CSS
教师暑期培训感言
2014/08/15 职场文书
初中美术教学反思
2016/02/17 职场文书
spring cloud gateway中如何读取请求参数
2021/07/15 Java/Android