これは私のコードでも、フォームの実際のコードでもないことに注意してください。これは私のテストバージョンですが、私がやりたいことを表しています。
次のコードがある場合、チェックボックスが選択されていないときに、渡された値を減算するようにスクリプトを取得するにはどうすればよいですか。
<!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>
現状では、関数をコーディングした人は、フォームを送信する前にそのボックスをオンまたはオフにする可能性があることを考慮していませんでした(送信前に金額変数に追加されるフィールドやその他の数値が含まれます)。これによる過充電の報告がいくつかあるので、それを防ぐ方法を理解する必要がありますが、javascript/jqueryについてはほとんど知りません。