Jquery - Auto calculate input field

Question

I am trying to make this code bellow to work, I would really appreciate your help. Basicly it is Calculation of sum of three input fields and then multiplication with two other fields. The final result should be shown in a input field pcamount. Here is the exemple in jsFiddle: http://jsfiddle.net/D98PW/ Bellow is the jquery script and the html Thanks in advance for your help! ``` $(document).ready(function() { $('input[name=deposit], input[name=minpremium], input[name=adjpremium],input[name=procombaserate], input[name=profcomper], input[name=pcamount]').change(function(e) { var total_mnozi = 0; var total=0; var $row = $(this).parent(); var dep = $row.find('input[name=deposit]').val(); var minpre = $row.find('input[name=minpremium]').val(); var adjpre = $row.find('input[name=adjpremium]').val(); var procombase = $row.find('input[name=procombaserate]').val(); var profcomper = $row.find('input[name=profcomper]').val(); // var pcamount= $row.find('input[name=pcamount]').val(); // total_mn…

Accepted Answer

Since you are using IDs on all your input fields you can use that instead of NAME attribute. It's a bit shorter and more transparent.

You can bind `change` call to all your input elements or if you wish to limit them you can use `$('input#ID1, input#ID2,...')` where ID1,ID2... is ID of element you wish to set it to.

```
$(document).ready(function() {
   $('input').change(function(e)  {
        var total_mnozi = 0;
        var dep = parseFloat($('#deposit').val());
        var minpre = parseFloat($('#minpremium').val());
        var adjpre = parseFloat($('#adjpremium').val());
        var procombase = parseFloat($('#procombaserate').val());
        var profcomper = parseFloat($('#profcomper').val());

total_mnozi = (dep+minpre+adjpre) * procombase * profcomper;
        $('#pcamount').val( total_mnozi);
    });
   });
```

Jquery - Auto calculate input field

Solution

Problem