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的行的單元格數目
實例演示如下:
創建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>
簡單設置一下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;}
編寫jquery代碼
<script>
functionfun_get(){
alert(document.getElementById('first').cells.length);
}
</script>
觀察效果
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去取