Question

给gridview的“单价”、“数量”中textbox添加事件，当值改变，总金额里值做相应改变。用javascript脚本

单价我是连了数据库里的数据的 单价或数量改变 计算得结果 放在总金额那里

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励10（财富值+成长值）+提问者悬赏50（财富值+成长值）

Answer 1

如果gridView是一个table, 每一行为一个tr
$('table tr textbox').change(function(){
var t = $(this);// 当前textbox

var index = t.index();// 当前textbox在tr中的索引

var tr = t.parents('tr');

if (index !=2) {// textbox不是‘总金额’

tr.find('textbox:eq(2)').val( parseInt(tr.find('textbox:eq(0)'), 10) * parseInt(tr.find('textbox:eq(1)'), 10));
}
});
// 代码优化: (1).parseFloat (2). 判断值是否为数字....

追问

不行

追答

<table>
    <thead>
<tr>
         <td>单价</td>
<td>数量</td>
<td>总金额</td>
</tr>
    </thead>
    <tbody>
<tr>
            <td><input type='text'/></td>
    <td><input type='text'/></td>
    <td><input type='text'/></td>
</tr>
<tr>
    <td><input type='text'/></td>
    <td><input type='text'/></td>
    <td><input type='text'/></td>
</tr>
<tr>
    <td><input type='text'/></td>
    <td><input type='text'/></td>
    <td><input type='text'/></td>
</tr>
    </tbody>
</table>
<script type="text/javascript" src="common/jquery-1.8.1.js"></script>
<script>
    $(document).ready(function(){
        $('table input').keyup(function(e) {
    if (e.keyCode == 13) {
                var t = $(this),
                    tr = t.parents('tr'),
                    unitPrice = parseFloat(tr.find('td:eq(0) input').val(), 10),
    number = parseFloat(tr.find('td:eq(1) input').val(), 10);

    tr.find('td:eq(2) input').val(unitPrice * number);
}
});
});
</script>