導航:首頁 > 編程語言 > js獲得table中的行數

js獲得table中的行數

發布時間:2025-02-12 09:50:23

A. javascript中如何獲得TABLE中某一行指定列的值,並觸發一個事件,修改該行另外一列的值

<input type="text" name="COUNT" value="" itemdesc="數量" onchange=getTotalPrice(this)/>

注意到您的count為text,不太適合使用onchange來觸發,這會帶來問題。
比如:你的原數量為20,當你想修改為15時,你會:
1、刪除20 值變為「」,onchange觸發
2、輸入1 值變為 1, onchange觸發
3、輸入5 值變為 15, onchange觸發

這樣會觸發三次,不能滿足你觸發一次的要求。
應該用onblur來觸發。

分析你的業務,你需要計算當前行的,這樣可以使用DOM的API來實現
<table border=1>
<tr>
<td>
<input type="text" value="12" onblur="getTotalPrice(this)">
</td>
<td><input type="text" value="13" onblur="getTotalPrice(this)"></td>
<td>
<input type="text" value="25">
</td>
</tr>
<tr>
<td>
<input type="text" value="1" onblur="getTotalPrice(this)">
</td>
<td><input type="text" value="2" onblur="getTotalPrice(this)"></td>
<td>
<input type="text" value="3">
</td>
</tr>

</table>

<script type="text/javascript">
function getTotalPrice(obj){
var c1 = obj.parentNode.parentNode.childNodes[0].childNodes[0].value;
var c2 = obj.parentNode.parentNode.childNodes[1].childNodes[0].value;
obj.parentNode.parentNode.childNodes[2].childNodes[0].value = parseInt(c1) * parseInt(c2);
}
</script>

修改前面兩個欄,都會自動修改第三欄

相信合你意思,加分吧
//var items = document.getElementsByTagName("input");
<!-- 樓上牛人:1、指定下標?2、onkeydown -->

//樓主,這還繁?那加分吧,加分定製一個給你

B. js代碼能不能點擊表格任意一單元格得到那個單元格的行數求解

JavaScript 中有自帶 rowIndex 來獲取 tr 的鍵值


<script type="text/javascript">
document.onclick = function(e) {
var e = e || window.event;
var target = e.target || e.srcElement;
if(target.tagName.toLowerCase() === "td") {
var rowIdx = target.parentNode.rowIndex + 1;
alert("第 " + rowIdx + " 行");
}
};
</script>


<table border="1">
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
</table>


jQuery(不要直接使用 index(),因為 index() 的效率要低於原生 rowIndex)

$(function() {
$("td").click(function() {
var rowIdx = $(this).parent()[0].rowIndex + 1;
alert("第 " + rowIdx + " 行");
});
});

C. js如何獲取表格內行和列的值,例如表格內第二行第三列的值

用table的屬性獲取吧

var _tab = document.getElementById('tb'); // 獲取table對象
var _row = _tab.rows; //獲取table的行
var _cell = _row[1].cells; //獲取第二行的列
alert(_cell[2].innerHTML); //獲取第三列的值

D. 在js中怎樣獲取當前頁面表格中的數據

1、JS獲取表格的簡便方法:獲取tbody:tBodies 獲取thead:tHead 獲取tfoot:tFoot 獲取行tr:rows 獲取列td:cells

使用實例: oTable.tBodies[0] oTable.tHead[0] oTable.tFoot[0] oTable.rows[1] oTable.cells[1]

2、遍歷
var oTable=document.getElementById("表格id");
oTable.tBodies[0]可以看成是rows和cells組成的二維數組,用兩個for循環嵌套遍歷一下就可以了

E. 在js中怎樣獲取table裡面選中的行號

<html>
<head>
<script type="text/javascript" src="jquery-1.5.2.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
屬$("#mytable tr").click(function(){
$("#mytable tr").removeAttr("clk");
$(this).attr("clk","on");
$("#mytable tr").each(function(index){
if($(this).attr("clk")=="on"){
alert(index);
}
});
});
});
</script>
<body>
<table id="mytable">
<tr>
<td>a
</td>
</tr>
<tr>
<td>b
</td>
</tr>
<tr>
<td>c
</td>
</tr>
</table>
</body>

F. js如何獲取表格中某一行的單元格數

javascript提供了獲取表格中某一行單元格數的代碼,參考如下:

document.getElementById('first').cells.length//獲取id為first的行的單元格數目

實例演示如下:

  1. 創建Html元素

    <divclass="box">
    <span>實例演示:獲取表格第一行的單元格數量</span><br>
    <divclass="content">
    <table>
    <trid="first"><td>1</td><td>2</td><td>3</td></tr>
    <tr><td>4</td><td>5</td><td>6</td></tr>
    <tr><td>7</td><td>8</td><td>9</td></tr>
    </table>
    <inputtype="button"value="獲取表格第一行的單元格數量"onclick="fun_get()">
    </div>
    </div>
  2. 簡單設置一下css樣式

    div.box{width:300px;padding:20px;margin:20px;border:4pxdashed#ccc;}
    div.box>span{color:#999;font-style:italic;}
    div.content{width:250px;margin:10px0;padding:20px;border:2pxsolid#ff6666;}
    table{border-collapse:collapse;}
    td{width:80px;height:30px;line-height:30px;text-align:center;border:1pxsolidgreen;}
  3. 編寫jquery代碼

    <script>
    functionfun_get(){
    alert(document.getElementById('first').cells.length);
    }
    </script>
  4. 觀察效果

G. js中table里的每一行怎麼去獲得它的行號

HTML是動態生成的還是靜態的?
動態的話,就好辦了。你在生成的時候就給這行放一個隱藏域,記下行號。以後就可以直接拿到行號。

H. 求助,怎麼通過js獲取slickgrid表格中的行數,選中行和一行中的數據

您好,可以通過來jquery進行table表格操作。

1、表格行數,源需要看table標簽中是否有thead和tbody,如果有

$('tabletbodytr').length//獲取行數,不好包含表頭

如果沒有 thead和tbody,說明tbody中都是tr標簽,所以需要減去表頭的tr標簽,看錶頭有幾行,如果是多行的就需要減去對應的行數。

$('tabletr').length-1;//減1是一行表頭的情況

2、選中某一行也就將某一行中的input:checkbox選中

$('tabletbodytr').eq(0).attr('checked',true);
//這里的0就是選中第一行,1就是第二行,以此類推

3、獲取某一行的數據。

$('tabletbodytr').eq(0).find('td').eq(0).html();
//第一個eq(0)是選擇第一行,第二個eq(0)是選擇第幾列的數據

I. Js中如何獲取當前Table中的第幾行Sos,幫幫我這個小娃娃吧.

在table裡面做個隱藏域,值為當前行數,讓js去取

閱讀全文

與js獲得table中的行數相關的資料

熱點內容
沒有獨立網卡怎麼跑數據 瀏覽:759
光碟文件拷一半停止 瀏覽:200
javawarehouse 瀏覽:605
微信突然表情包 瀏覽:809
催化轉換器標准數據流是多少 瀏覽:509
怎樣連續復制文件夾 瀏覽:683
簡報代碼 瀏覽:206
ps文件打開這個界面怎麼縮小 瀏覽:347
4s無線列印教程 瀏覽:173
編程奧數是什麼 瀏覽:271
bin文件打開後只能看其中的問題 瀏覽:235
java控制台的內容到文件中 瀏覽:862
qq下載的文件過幾天就沒有了 瀏覽:268
多列數據的標准差如何合並計算 瀏覽:309
守護永恆的愛新版本 瀏覽:714
系統文件被隱藏 瀏覽:516
初中烏龜編程軟體叫什麼 瀏覽:261
iphone6關閉簡訊預覽 瀏覽:379
什麼天氣預報app准確率高 瀏覽:562
有什麼放單的淘客網站 瀏覽:669

友情鏈接