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 相关文章推荐
cument.execCommand()用法深入理解
Dec 04 Javascript
js实现全屏漂浮广告移入光标停止移动
Dec 02 Javascript
js调试系列 初识控制台
Jun 18 Javascript
javascript定义变量时带var与不带var的区别分析
Jan 12 Javascript
JavaScript操作XML/HTML比较常用的对象属性集锦
Oct 30 Javascript
原生js制作日历控件实例分享
Apr 06 Javascript
canvas实现爱心和彩虹雨效果
Mar 09 Javascript
JavaScript实现自动跳转文本功能
May 25 Javascript
JS实现的碰撞检测与周期移动完整示例
Sep 02 Javascript
js实现旋转的星空效果
Nov 01 Javascript
JavaScript面试中常考的字符串操作方法大全(包含ES6)
May 10 Javascript
详解gantt甘特图可拖拽、编辑(vue、react都可用 highcharts)
Nov 27 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实现过滤表单提交中html标签的方法
2014/10/17 PHP
PHP中new static() 和 new self() 的区别介绍
2015/01/09 PHP
PHP四种排序算法实现及效率分析【冒泡排序,插入排序,选择排序和快速排序】
2018/04/27 PHP
PHP实现链表的定义与反转功能示例
2018/06/09 PHP
Laravel框架模板继承操作示例
2018/06/11 PHP
由prototype_1.3.1进入javascript殿堂-类的初探
2006/11/06 Javascript
了解Javascript的模块化开发
2015/03/02 Javascript
jquery分割字符串的方法
2015/06/24 Javascript
jQuery使用$.ajax进行即时验证的方法
2015/12/08 Javascript
Javascript技术栈中的四种依赖注入小结
2016/02/27 Javascript
jquery文字填写自动高度的实现方法
2016/11/07 Javascript
JavaScript数组迭代方法
2017/03/03 Javascript
bootstrap3使用bootstrap datetimepicker日期插件
2017/05/24 Javascript
微信小程序实现多宫格抽奖活动
2020/04/15 Javascript
vue路由事件beforeRouteLeave及组件内定时器的清除方法
2018/09/29 Javascript
python实现微信远程控制电脑
2018/02/22 Python
python实现三维拟合的方法
2018/12/29 Python
Python 处理图片像素点的实例
2019/01/08 Python
Python两台电脑实现TCP通信的方法示例
2019/05/06 Python
Python字典对象实现原理详解
2019/07/01 Python
使用python获取邮箱邮件的设置方法
2019/09/20 Python
Booking.com德国:预订最好的酒店和住宿
2020/02/16 全球购物
嘻哈珠宝品牌:KRKC&CO
2020/10/19 全球购物
Trench London官方网站:高级风衣和意大利皮夹克
2020/07/11 全球购物
应届毕业生个人自荐信范文
2013/11/30 职场文书
公司年会搞笑主持词
2014/03/24 职场文书
民事诉讼代理授权委托书
2014/10/11 职场文书
思想道德自我评价2015
2015/03/09 职场文书
债务追讨律师函
2015/06/24 职场文书
公司职员入党自传书
2015/06/26 职场文书
《金色的草地》教学反思
2016/02/17 职场文书
2019年行政人事个人工作总结范本!
2019/07/19 职场文书
七年级之开学家长寄语35句
2019/09/05 职场文书
win10下go mod配置方式
2021/04/25 Golang
Python max函数中key的用法及原理解析
2021/06/26 Python
Python实现抖音热搜定时爬取功能
2022/03/16 Python