快捷導(dǎo)航

Js獲取table當(dāng)前tr行的值的代碼

更新時間：2009年12月20日 02:06:37 作者：

table tr行內(nèi)td里面的input的值

下面的代碼主要是學(xué)習(xí)控制表格里面的一些操作，代碼都是直接寫在表格里面的，大家可以改成事件綁定的。

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Js獲取 table當(dāng)前行的值</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需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

相關(guān)文章

詳解webpack自定義loader初探
這篇文章主要介紹了webpack自定義loader初探，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-08-08
javascript制作loading動畫效果 loading效果
項目中多處要給ajax提交的時候增加等待動畫效果，所以就寫了一個簡單的通用js方法,大家參考使用吧
2014-01-01
為原生js Array增加each方法
為原生js Array增加each方法，通過prototype來增加功能，進行擴展
2012-04-04
360doc網(wǎng)站不登錄就無法復(fù)制內(nèi)容的解決方法
這篇文章主要介紹了360doc網(wǎng)站不登錄就無法復(fù)制內(nèi)容的解決方法,需要的朋友可以參考下
2018-01-01
微信小程序scroll-view橫向滑動嵌套for循環(huán)的示例代碼
這篇文章主要介紹了微信小程序scroll-view橫向滑動嵌套for循環(huán)的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-09-09
常見效果實現(xiàn)之返回頂部(結(jié)合淡入、淡出、減速滾動)
返回頂部是經(jīng)常會見到的效果，代碼比較簡單，使用2個對象和一個主函數(shù)。職責(zé)明確方便復(fù)用
2012-01-01
淺談javascript中call()、apply()、bind()的用法
一直對Javascript中的apply/call/bind的用法很模糊，恰好看到了這篇文章。對三者之間的區(qū)別與聯(lián)系算是有了比較清晰的認識。這里記錄下來，分享給大家。
2015-04-04
微信分享的標題、縮略圖、連接及描述設(shè)置方法
微信分享的標題、縮略圖、連接及描述該如何設(shè)置，這個問題確實難道不少朋友，下面有個示例，大家可以看看
2014-10-10
this和執(zhí)行上下文實現(xiàn)代碼
Javascript中this關(guān)鍵字通常指向當(dāng)前函數(shù)的擁有者。在javascript中通常把這個擁有者叫做執(zhí)行上下文。
2010-07-07
JS實現(xiàn)進度條順滑版詳細方案
最近在小程序里，做了一個類似微博刷視頻的需求，其中有一部分功能需要實現(xiàn)自定義進度條，在做完第一版之后發(fā)現(xiàn)進度條不順滑，而后想查查網(wǎng)上看有沒有什么好的方案，但最終沒找到合適的。下面給大家分享JS進度條順滑版實現(xiàn)代碼，需要的朋友參考下吧
2021-08-08