如何使用js读取文本框中的值,并用此值与表的一列值分别相乘,结果分别赋值给对应的另一列,谢谢 最近在做一个网站,其中一个网页主要有一个文本框(id = "text"),一个按钮(value = "计算")和一个表(id = "table")组成,这个网页的功能是用户在文本框中输入一个数字,点计算按钮,则表中的第三列所有单元格中的数字分别与此数相乘,结果填写到对应的第四列单元格,对JS不是很熟悉,谢谢大家的支持! 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <style>#otable { border: 1px solid #A0A0A0; border-collapse: collapse; text-align: center; font-size: 12px;}#otable td{ width: 130px; height: 25px; border: 1px solid #A0A0A0;}</style><script type="text/javascript"><!-- function fnAccount(){ var otable = document.getElementById("otable"); var oval = document.getElementById("otext").value; for(var i = 0, orows = otable.rows; i < orows.length; i++){ orows[i].cells[3].innerHTML = parseInt(orows[i].cells[2].innerHTML, 10) * parseInt(oval, 10); } }//--></script><input type="text" id="otext" /><input type="button" value=" 计算 " onclick="fnAccount();" /><table id="otable"> <tr> <td>第一列</td> <td>第二列</td> <td>2</td> <td> </td> </tr> <tr> <td>第一列</td> <td>第二列</td> <td>23</td> <td> </td> </tr> <tr> <td>第一列</td> <td>第二列</td> <td>45</td> <td> </td> </tr></table> 您好,为什么输出结果都是NaN呢? 问题已经解决,输出了下alert(orows[2].cells[2].innerHTML); 发现里面夹杂着<div>标签本来用它设置局中的,现在改为在<td>中设置,问题解决,谢谢 菜单 框架 遮盖 file控件路径问题 window.open全屏不了,救命 显示很多张相同的图片 为什么js取LI的值时只获取了部分? 在Javascript中能否将对象放入数组里啊?怎么实现? 谁能下载,高难度! 谁能够给个上下浮动的广告条的代码呢!非常着急!!!!!! 如何删除选中行中的所有内容,请详细举例说明 Node.js判断一个类是否是另一个类的子类 弹出子窗口需要等待问题 有关textarea的实现急,在线等解决~~~~~~!
<style>
#otable {
border: 1px solid #A0A0A0;
border-collapse: collapse;
text-align: center;
font-size: 12px;
}#otable td{
width: 130px;
height: 25px;
border: 1px solid #A0A0A0;
}
</style>
<script type="text/javascript">
<!--
function fnAccount(){
var otable = document.getElementById("otable");
var oval = document.getElementById("otext").value;
for(var i = 0, orows = otable.rows; i < orows.length; i++){
orows[i].cells[3].innerHTML = parseInt(orows[i].cells[2].innerHTML, 10) * parseInt(oval, 10);
}
}
//-->
</script>
<input type="text" id="otext" /><input type="button" value=" 计算 " onclick="fnAccount();" />
<table id="otable">
<tr>
<td>第一列</td>
<td>第二列</td>
<td>2</td>
<td> </td>
</tr>
<tr>
<td>第一列</td>
<td>第二列</td>
<td>23</td>
<td> </td>
</tr>
<tr>
<td>第一列</td>
<td>第二列</td>
<td>45</td>
<td> </td>
</tr>
</table>