脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js遍历含有input的table

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

 更新时间：2015年12月07日 14:36:02   作者：淳淳刚刚  
这篇文章主要介绍了js实现遍历含有input的table方法,结合实例形式分析了jsp读取数据库动态生成table及JavaScript遍历table的相关技巧,需要的朋友可以参考下

本文实例讲述了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>&nbsp;</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>&nbsp;</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程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • JS控制静态页面之间传递参数获取参数并应用的简单实例

    JS控制静态页面之间传递参数获取参数并应用的简单实例

    下面小编就为大家带来一篇JS控制静态页面之间传递参数获取参数并应用的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • javascript新闻跑马灯实例代码

    javascript新闻跑马灯实例代码

    这篇文章主要为大家详细介绍了javascript新闻跑马灯实例代码，所谓的跑马灯就是无缝滚动效果代码，常见于新闻公告之类的功能，需要的朋友可以参考下
    2015-12-12
  • JS实现闭包中的沙箱模式示例

    JS实现闭包中的沙箱模式示例

    这篇文章主要介绍了JS实现闭包中的沙箱模式,结合实例形式分析了闭包模块化实现沙箱模式的原理、步骤与相关操作技巧,需要的朋友可以参考下
    2017-09-09
  • JavaScript中最常用的10种代码简写技巧总结

    JavaScript中最常用的10种代码简写技巧总结

    这篇文章主要总结了JavaScript中最常用的10种代码简写技巧的相关资料，其中包括三元操作符、短路求值简写方式、声明变量简写方法、if存在条件简写方法及JavaScript循环简写方法等等，分别给出了详细的示例代码供大家参考，需要的朋友们下面来一起看看吧。
    2017-06-06
  • chrome不支持form.submit的解决方案

    chrome不支持form.submit的解决方案

    最近在解决项目中网站浏览器兼容性问题，发现chrome竟然不支持form.submit，经网上搜寻，终于找到了解决方案，有需要的小伙伴参考下。
    2015-04-04
  • js实现时钟定时器

    js实现时钟定时器

    这篇文章主要为大家详细介绍了js实现时钟定时器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-03-03
  • Javascript实现拖拽排序的代码

    Javascript实现拖拽排序的代码

    这篇文章主要介绍了Javascript实现拖拽排序的代码，本文在vue运行环境下给大家演示下效果图，对js拖拽排序实例代码感兴趣的朋友跟随小编一起看看吧
    2022-09-09
  • js LZ77算法的实现代码

    js LZ77算法的实现代码

    JS操作二进制很麻烦，而且一直没有一个好的无损压缩工具来实现纯文本的压缩。
    2010-04-04
  • JavaScript动画原理之如何使用js进行动画效果的实现

    JavaScript动画原理之如何使用js进行动画效果的实现

    在现在做页面很多时候都会用上动画效果,比如下拉菜单,侧边搜索栏,层的弹出与关闭等等,下面这篇文章主要给大家介绍了关于JavaScript动画原理之如何使用js进行动画效果实现的相关资料,需要的朋友可以参考下
    2023-04-04
  • uni-app使用uploadFile上传多张图片的具体实现

    uni-app使用uploadFile上传多张图片的具体实现

    在微信小程序中不支持多张图片上传,需要做循环实现多张图片上传,下面这篇文章主要给大家介绍了关于uni-app使用uploadFile上传多张图片的具体实现,需要的朋友可以参考下
    2023-04-04

最新评论