How to get input box value without submitting form and put calculated value in other input box?

Question

How can I get two input box data without submitting form data and add them on a click of a button and show the result in another input box?

     _________________________
ROI:|_________________________|

            _________________________
Princilpe: |_________________________|

       _________________________
Time: |_________________________|

                  _________________________
Compound Intrest:|_________________________|

I want to get the values of ROI, principle amount and time duration and calculate the compound interest and show the result in rate per month input box the result will be generated only after the cal:EMI button is clicked.

Show us what you've done so far.

Kristoffer Jälén
– Kristoffer Jälén

2014-08-22 12:03:45 +00:00
Commented Aug 22, 2014 at 12:03 — Kristoffer Jälén
– Kristoffer Jälén, Commented Aug 22, 2014 at 12:03
onedrive.live.com/…

puneet
– puneet

2014-08-22 12:14:08 +00:00
Commented Aug 22, 2014 at 12:14 — puneet
– puneet, Commented Aug 22, 2014 at 12:14
Show us the code you've done so far.

Kristoffer Jälén
– Kristoffer Jälén

2014-08-22 12:15:41 +00:00
Commented Aug 22, 2014 at 12:15 — Kristoffer Jälén
– Kristoffer Jälén, Commented Aug 22, 2014 at 12:15

Jaydeep Pedhadiya · Accepted Answer · 2014-08-22 12:22:21Z

1

You can use jquery..like below..

you have to include first main basic jquery file then,

    $(document).ready(function()
{
    $('#compoundinterest').focus(function()
    {
        var p = +$('#principal').val();
        var r = +$('#roi').val();
        var n = +$('#time').val();

        var i = ((p * r * n) / 100);

        $('#compoundinterest').val(i);

    });
});

here #.. shows ids of input boxes.. and '+' is used to convert string into integer..

answered Aug 22, 2014 at 12:22

Jaydeep Pedhadiya

5344 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Syam · Accepted Answer · 2014-08-22 12:15:03Z

0

Use jQuery or JavaScript

get value from the text field

var variable=$('#input_field_id').val();

do the calculation with the values.

set value to the text field

$('#result_field_id').val(calculated_value);

if You want to related with database then use Ajax

answered Aug 22, 2014 at 12:15

Syam

541 silver badge7 bronze badges

Collectives™ on Stack Overflow

How to get input box value without submitting form and put calculated value in other input box?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related