showing result of calculating in textbox with jquery

Question

I want to calculate division of 2 TextBoxes's value (that shouldn't be empty) and show result in another new TextBox. How can i do that with jquery?

These are my code that don't work:

 $(document).ready(function () { 

    var payNumber=  $('#InsPayNumber').val();
    var insurancePrice=  $('#InsurerInsPrice').val();


    if (payNumber!=null && insurancePrice!=null) {

        if (  $('#HasInsPayWitTax').checked) {

            $("#InsPayInstallmentPrice").val( ( insurancePrice*3/100)/payNumber);
        }
        $("#InsPayInstallmentPrice").val( insurancePrice/payNumber);

    }else {
        $("#InsPayInstallmentPrice").val("");
    } 

});

Thanks.

score 0 · Accepted Answer · answered Nov 16 '13 at 08:48

You need to do the calculation on change event handler

$(document).ready(function () {
    $('#InsPayNumber, #InsurerInsPrice, #HasInsPayWitTax').change(function () {
        var payNumber = parseFloat($('#InsPayNumber').val());
        var insurancePrice = parseFloat($('#InsurerInsPrice').val());
        if (payNumber && insurancePrice) {
            if ($('#HasInsPayWitTax').is(':checked')) {
                $("#InsPayInstallmentPrice").val((insurancePrice * 3 / 100) / payNumber);
            } else {
                $("#InsPayInstallmentPrice").val(insurancePrice / payNumber);
            }
        } else {
            $("#InsPayInstallmentPrice").val("");
        }
    }).change()
});

Demo: Fiddle

score 0 · Answer 2 · edited May 23 '17 at 12:29

0

use this to check checkbox is checked or not

if (payNumber != '' && insurancePrice != '') {

    if($('#HasInsPayWitTax').prop('checked')) {
        // checked
    } else {
        // not checked
    }
}

Update:- more ways to find How to check whether a checkbox is checked in jQuery?

edited May 23 '17 at 12:29

Community

1
1

answered Nov 16 '13 at 08:50

Ihsahs

892
9
23

score 0 · Answer 3 · answered Nov 16 '13 at 08:52

fiddle

$(document).ready(function () { 
    $('#InsPayNumber, #InsurerInsPrice, #HasInsPayWitTax').change(function () {
    var payNumber=  $('#InsPayNumber').val();
    var insurancePrice=  $('#InsurerInsPrice').val();


    if (payNumber!=null && insurancePrice!=null) {

        if (  $('#HasInsPayWitTax').checked) {

            $("#InsPayInstallmentPrice").val( ( insurancePrice*3/100)/payNumber);
        }else{
           $("#InsPayInstallmentPrice").val( insurancePrice/payNumber);
        }

    }else {
        $("#InsPayInstallmentPrice").val("");
    } 
 });

});

showing result of calculating in textbox with jquery

3 Answers3