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 相关文章推荐
非常棒的10款jQuery 幻灯片插件
Jun 14 Javascript
在js(jquery)中获得文本框焦点和失去焦点的方法
Dec 04 Javascript
Jquery 选中表格一列并对表格排序实现原理
Dec 15 Javascript
Angularjs中ng-repeat-start与ng-repeat-end的用法实例介绍
Dec 31 Javascript
jQuery实现的滑块滑动导航效果示例
Jun 04 jQuery
详解javascript中的babel到底是什么
Jun 21 Javascript
vue2.0+vue-router构建一个简单的列表页的示例代码
Feb 13 Javascript
extract-text-webpack-plugin用法详解
Feb 14 Javascript
validform表单验证的实现方法
Mar 08 Javascript
vue2.0 实现富文本编辑器功能
May 26 Javascript
jQuery实现手风琴效果(蒙版)
Jan 11 jQuery
JavaScript动态生成表格的示例
Nov 02 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
phpmyadmin操作流程
2006/10/09 PHP
一个用mysql_odbc和php写的serach数据库程序
2006/10/09 PHP
学习php设计模式 php实现观察者模式(Observer)
2015/12/09 PHP
PHP封装的字符串加密解密函数
2015/12/18 PHP
laravel 操作数据库常用函数的返回值方法
2019/10/11 PHP
你的编程语言可以这样做吗?
2006/09/07 Javascript
“不能执行已释放的Script代码”错误的原因及解决办法
2007/09/09 Javascript
原生js实现跨浏览器获取鼠标按键的值
2013/04/08 Javascript
类似天猫商品详情随浏览器移动的示例代码
2014/02/27 Javascript
jquery中ajax函数执行顺序问题之如何设置同步
2014/02/28 Javascript
jquery禁用右键示例
2014/04/28 Javascript
jQuery中scrollLeft()方法用法实例
2015/01/16 Javascript
jQuery ajax全局函数处理session过期后的ajax跳转问题
2016/06/03 Javascript
JS实现六边形3D拖拽翻转效果的方法
2016/09/11 Javascript
JS实现表单多文件上传样式美化支持选中文件后删除相关项
2016/09/30 Javascript
weUI应用之JS常用信息提示弹层的封装
2016/11/21 Javascript
写jQuery插件时的注意点
2017/02/20 Javascript
详解Angular.js数据绑定时自动转义html标签及内容
2017/03/30 Javascript
node中的密码安全(加密)
2018/09/17 Javascript
微信小程序实现文字跑马灯
2020/05/26 Javascript
微信小程序发送短信验证码完整实例
2019/01/07 Javascript
详解如何使用微信小程序云函数发送短信验证码
2019/03/13 Javascript
TypeScript之调用栈的实现
2019/12/31 Javascript
微信小程序图片右边加两行文字的代码
2020/04/23 Javascript
Python网络编程 Python套接字编程
2017/09/13 Python
从DataFrame中提取出Series或DataFrame对象的方法
2018/11/10 Python
解决pycharm启动后总是不停的updating indices...indexing的问题
2019/11/27 Python
如何使用PyCharm将代码上传到GitHub上(图文详解)
2020/04/27 Python
Python 中由 yield 实现异步操作
2020/05/04 Python
台湾乐天市场:日本No.1的网路购物网站
2017/03/22 全球购物
消防战士优秀事迹材料
2014/02/13 职场文书
2014年新生军训方案
2014/05/01 职场文书
毕业实习单位意见
2015/06/04 职场文书
致青春观后感
2015/06/09 职场文书
优秀创业计划书分享
2019/07/19 职场文书
Python通用验证码识别OCR库ddddocr的安装使用教程
2022/07/07 Python