Js获取table当前tr行的值的代码

所属分类：网络编程 / JavaScript 阅读数： 495

收藏 0赞 0分享

下面的代码主要是学习控制表格里面的一些操作，代码都是直接写在表格里面的，大家可以改成事件绑定的。

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Js获取 table当前行的值</title>  </head> <body> 单击选中Tr，高亮显示，再单击取消选选中。<input type=button value="选中的是哪一行？" onclick="check()"> <input type=button value="删除选中行" onclick="del()"> <input type=button value="增加一行" onclick="add()"> <table width="100%" border="1" cellspacing="0" cellpadding="0" id="tab"> <tr onclick="c1(this);" bgcolor="#cccccc"> <td ><input type="text" value="11">　</td> <td><input type="text" value="12"></td> </tr> <tr onclick="c1(this);" bgcolor="#e0e0e0"> <td ><input type="text" value="21">　</td> <td><input type="text" value="22"></td> </tr> <tr onclick="c1(this);" bgcolor="#cccccc"> <td ><input type="text" value="31">　</td> <td><input type="text" value="32"></td> </tr> <tr onclick="c1(this);" bgcolor="#e0e0e0"> <td ><input type="text" value="41">　</td> <td><input type="text" value="42"></td> </tr> <tr onclick="c1(this);" bgcolor="#cccccc"> <td ><input type="text" value="51">　</td> <td ><input type="text" value="52">　</td> </tr> </table> <label id="lab"></label> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

更多精彩内容其他人还在看

Js获取table当前tr行的值的代码

深入解析Vue 组件命名那些事

Vue学习笔记进阶篇之vue-cli安装及介绍

jquery版轮播图效果和extend扩展

jQuery Validate格式验证功能实例代码（包括重名验证）

Angular.js中angular-ui-router的简单实践

JavaScript实现二维坐标点排序效果

深入理解vue2.0路由如何配置问题

基于bootstrap实现多个下拉框同时搜索功能

JavaScript 值类型和引用类型的初次研究(推荐)

利用jQuery异步上传文件的插件用法详解

网络赚钱

站长故事