最近在做一个网站,其中一个网页主要有一个文本框(id = "text"),一个按钮(value = "计算")和一个表(id = "table")组成,这个网页的功能是用户在文本框中输入一个数字,点计算按钮,则表中的第三列所有单元格中的数字分别与此数相乘,结果填写到对应的第四列单元格,对JS不是很熟悉,谢谢大家的支持!

解决方案 »

  1.   


    <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>&nbsp;</td>
    </tr>
    <tr>
    <td>第一列</td>
    <td>第二列</td>
    <td>23</td>
    <td>&nbsp;</td>
    </tr>
    <tr>
    <td>第一列</td>
    <td>第二列</td>
    <td>45</td>
    <td>&nbsp;</td>
    </tr>
    </table>
      

  2.   

    您好,为什么输出结果都是NaN呢?
      

  3.   

    问题已经解决,输出了下alert(orows[2].cells[2].innerHTML); 发现里面夹杂着<div>标签本来用它设置局中的,现在改为在<td>中设置,问题解决,谢谢