JS怎么在table列表中增加click事件

JavaScript031

JS怎么在table列表中增加click事件,第1张

你别用ID应该就好了。

你这样:

$("table").click(function (){})

应该就可以了。(因为在一个HTML文件里,标签的ID是不能重复的)

var Tr=document.createElement("tr")

Tr.innerHTML="移到这里来!"

Tr.onmouseover=function()

{

this.style.backgroundColor='#e1e8fb'

alert(1)

}

var Table=document.getElementById("table的id")//或者是其他的方式获取的Table对象。

Table.appendChild(Tr)

上面的代码就可以了

<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 -->

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