javascript中如何获得TABLE中某一行指定列的值,并触发一个事件,修改该行另外一列的值

javascript中如何获得TABLE中某一行指定列的值,并触发一个事件,修改该行另外一列的值,第1张

<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 = objparentNodeparentNodechildNodes[0]childNodes[0]value;

var c2 = objparentNodeparentNodechildNodes[1]childNodes[0]value;

objparentNodeparentNodechildNodes[2]childNodes[0]value = parseInt(c1) parseInt(c2);

}

</script>

修改前面两个栏,都会自动修改第三栏

相信合你意思,加分

//var items = documentgetElementsByTagName("input");

<!-- 楼上牛人:1、指定下标?2、onkeydown -->

//楼主,这还繁?那加分吧,加分定制一个给你

<body>

<div style="border: 1px solid red;height:200px;width: 200px;"></div>

<script>

$(function(){

alert($("div")[0]offsetWidth)

})

 

</script>

</body>

这是我刚写的一个例子,你可以看一下,可能不太好。

下面这两个是我在网上搜到直接复制的

标签元素的宽高值获取

//绝对宽度

ObjoffsetWidth

//绝对高度

ObjoffsetHeight

js可以用td 对应的id获取该对象

例:<td id="td1"></td>

js:var td=documentgetElementById("td1");

可以用该对象赋予该td的style等属性

如果是要获得<td>苹果</td>里的"苹果"的话用下面的方法

我们把该值放到隐藏域里然后从js取得该值

<td>苹果<input type="hidden" name="pm1" id="pm1" value="苹果"></td>

js:var pm=documentgetElementById("pm1")value;

javascript中可以通过documentGetElementByID(你要获取的那个列的ID号,在上述代码中是<p>标记中的ID号)就可以获取你的这个元素,然后通过Innertext就可以获取里面的值了。

以上就是关于javascript中如何获得TABLE中某一行指定列的值,并触发一个事件,修改该行另外一列的值全部的内容,包括:javascript中如何获得TABLE中某一行指定列的值,并触发一个事件,修改该行另外一列的值、页面上有一个文本框,文本框里含有table代码,如何用js或jq,获取table代码里的width值和height值、js怎么获取table标签下的thead标签下的<td>的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9506698.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存