Question

我有三个文本框，当我修改文本框A或文本框B文本框C应该更改为A * B，例如如果A是3而B是4 C则是12 ...如果我将B改为5 C应该自动改为15. js在这里小提琴：http://jsfiddle.net/Lazyboy4ever/mfyh2/

Answer 1

****我会说，请搜索它，但我担心你会问“在哪里？”。所以，请先问谷歌。****

将此解决方案更改为乘以： How to calculate the total value of input boxes using jquery

Answer 2

将.change()事件处理程序绑定到input s A和B，将value转换为使用parseFloat()的数字，将它们相乘，并将结果分配给C：

$("[name='qty'],[name='b']").change(function () {
   var $tr = $(this).closest("tr"),
       qty = $tr.find("[name='qty']").val(),
       b = $tr.find("[name='b']").val();

   var c = parseFloat(qty) * parseFloat(b); 
   $tr.find("[name='c']").val(c);
});

<强> DEMO

Answer 3

这是另一个可能适合您案例的例子：

HTML：

<input id="txt1" type="text" /><br />
<input id="txt2" type="text" /><br />
<input id="txt3" type="text" /><br />

使用Javascript：

$(function(){
    $(document).on('blur', '#txt1', function(){
        var one = $('#txt1').val();
        var two = $('#txt2').val();
        var three = $('#txt3').val();
        $('#txt3').val(one * two);        
    });     

        $(document).on('blur', '#txt2', function(){
        var one = $('#txt1').val();
        var two = $('#txt2').val();
        var three = $('#txt3').val();
        $('#txt3').val(one * two);        
    });       

});

Example in jsFiddle

使用jquery更新文本框中的值

3 个答案: