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 相关文章推荐
用js实现上传图片前的预览(TX的面试题)
Aug 14 Javascript
jQuery源码解读之hasClass()方法分析
Feb 20 Javascript
原生javascript实现图片无缝滚动效果
Feb 12 Javascript
基于jQuery实现带动画效果超炫酷的弹出对话框(附源码下载)
Feb 22 Javascript
jquery ztree异步搜索(搜叶子)实践
Feb 25 Javascript
JS面向对象(3)之Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法
Feb 25 Javascript
JS实现简单的右下角弹出提示窗口完整实例
Jun 21 Javascript
详解Jquery的事件操作和文档操作
Dec 19 Javascript
JQuery属性操作与循环用法示例
May 15 jQuery
node实现socket链接与GPRS进行通信的方法
May 20 Javascript
Smartour 让网页导览变得更简单(推荐)
Jul 19 Javascript
javascript面向对象三大特征之封装实例详解
Jul 24 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
php中日期加减法运算实现代码
2011/12/08 PHP
使用php判断服务器是否支持Gzip压缩功能
2013/09/24 PHP
PHP 面向对象程序设计(oop)学习笔记(一) - 抽象类、对象接口、instanceof 和契约式编程
2014/06/12 PHP
php动态生成版权所有信息的方法
2015/03/24 PHP
phpcms手机内容页面添加上一篇和下一篇
2015/06/05 PHP
YII Framework框架教程之缓存用法详解
2016/03/14 PHP
详解php中生成标准uuid(guid)的方法
2019/04/28 PHP
Laravel创建数据库表结构的例子
2019/10/09 PHP
php设计模式之模板模式实例分析【星际争霸游戏案例】
2020/03/24 PHP
JS 实现获取打开一个界面中输入的值
2013/03/19 Javascript
网页中可关闭的漂浮窗口实现可自行调节
2013/08/20 Javascript
js/jQuery简单实现选项卡功能
2014/01/02 Javascript
jsp网页搜索结果中实现选中一行使其高亮
2014/02/17 Javascript
jQuery on方法传递参数示例
2014/12/09 Javascript
js简单倒计时实现代码
2016/04/30 Javascript
node.js 中国天气预报 简单实现
2016/06/06 Javascript
Angular组件化管理实现方法分析
2017/03/17 Javascript
简单的Vue SSR的示例代码
2018/01/12 Javascript
vue.js2.0 实现better-scroll的滚动效果实例详解
2018/08/13 Javascript
Vue中对拿到的数据进行A-Z排序的实例
2018/09/25 Javascript
vue实现PC端录音功能的实例代码
2019/06/05 Javascript
基于vue的video播放器的实现示例
2021/02/19 Vue.js
[01:22]DOTA2神秘商店携大量周边降临完美大师赛
2017/11/07 DOTA
Python functools模块学习总结
2015/05/09 Python
Python在Console下显示文本进度条的方法
2016/02/14 Python
Python+tkinter使用40行代码实现计算器功能
2018/01/30 Python
详谈Python中列表list,元祖tuple和numpy中的array区别
2018/04/18 Python
PHP面试题及答案一
2012/06/18 面试题
C#里面如何倒序排列一个数组的元素?
2013/06/21 面试题
分公司经理岗位职责
2013/11/11 职场文书
致标枪运动员加油稿
2014/02/15 职场文书
情况说明书格式范文
2014/05/06 职场文书
中国梦演讲稿5分钟
2014/08/19 职场文书
无房证明样本
2015/06/17 职场文书
趣味运动会新闻稿
2015/07/17 职场文书
公司劳动纪律管理制度
2015/08/04 职场文书