使用jquery更新文本框中的值

Question

我有三個文本框，當我修改文本框A或文本框B時，文本框C應該改爲A * B例如如果A是3並且B是4 C是12 ...如果我將B更改爲5 C應該自動變爲15. js小提琴在這裏：http://jsfiddle.net/Lazyboy4ever/mfyh2/

Answer 1

綁定.change()事件處理程序input小號A和B，使用parseFloat()轉換他們的value爲數字，它們相乘，並將結果分配給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 2

****我會說，請搜索它，但我恐怕你會問「哪裏？」。所以，請提問前谷歌它****

更改該解決方案繁殖：How to calculate the total value of input boxes using jquery

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