Home/ Questions/Q 8139201
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T11:44:48+00:00

Note, this isn’t my code, or the actual code in the form. This is

  • 0

Note, this isn’t my code, or the actual code in the form. This is just my testing version, but does represent what I want to do.

Given the following code, how can I get the script to subtract the passed value when the checkbox is unselected:

<!DOCTYPE html>
<html lang="en">

    <head>
        <title>form test</title>
        <script type="text/javascript" charset="utf-8" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
        <script type="text/javascript">
            function updateAmount(amount) {
                parseInt(amount);
                if ($('#amount').val()) {
                    parseInt(amount);
                    amount = amount + parseInt($('#amount').val());
                }
                $('#amount').val(amount);
                alert('Amount: ' + $('#amount').val());
            }
        </script>
    </head>

    <body>
        <form action="" method="post" name="form-test">
            <input onclick="updateAmount(150)" class="inputbox" id="reservationfee0"
            value="Registration Fee" type="checkbox" />
            <strong>$150</strong>Reservation Fee</form>
    </body>

</html>

As it stands, whoever coded the function didn’t take into account that people might check and uncheck that box before they submit the form (which includes more fields and other numbers that get added into the amount variable before submission). There has been a couple of reports of over-charges due to this, so I need to figure out how to stop it from happening, but I know very little about javascript/jquery.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try :

    function updateAmount(amount) {
    $amount = $('#amount'); // cache for later use
    if ($('#reservationfee0').is(':checked')) {
        $amount.val(parseInt($amount.val(), 10) + amount);
    } else {
        $amount.val(parseInt($amount.val(), 10) - amount);
    }
}​

    Working example here

    this checks if the checkbox is checked using .is() if it is then the amount is added to the current value if not its subtracted.

    Also note that parseInt takes a second parameter – radix its recommended that you include this value to be certain of results … docs for parseInt here

    • 0