-2

ここにjsが得意な人はいますか?

フィールドの横に数値を入力すると、その場で合計を自動計算して表示する次のフィールドを持つフォームを探しています。

<input type="text" name="acutalprice" value="">Actual Price: 329
<input type="text" name="discount" value="">Discount: 65%
<input type="text" name="shipping" value="">Shipping: 50+

合計金額: 165.15

sumbit で合計金額の出力を取得する必要があります

よろしく

4

1 に答える 1

0

まず最初に、jQuery ライブラリを<head></head>ページの一部に追加します。jQuery ライブラリを見つけるには、 jQuery ダウンロード ページまたはGoogle の Hosted Libraries ページを使用する必要があります。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

次に、<input>要素を<form></form>要素に入れ、フォームの送信ボタンを追加する必要があります。

<form id="myForm">
    <input id="actualprice" type="number" placeholder="Actual Price">
    <input id="discount" type="number" placeholder="Discount">
    <input id="shipping" type="number" placeholder="Shipping">
    <input type="submit" value="Submit">
</form>
<h3 id="result"></h3>

最後に、フォームを送信するためのスクリプトをページに追加します。

<script>
    $('#myForm').submit(function (event) {

    event.preventDefault();

    var actualprice = Number($("#actualprice").val().trim());
    var discount = Number($("#discount").val().trim());
    var shipping = Number($("#shipping").val().trim());

    var discountRate = (100 - discount) / 100;
    var result = (actualprice * discountRate) + shipping;

    $("#result").html("Result :" + result.toFixed(2));
});
</script>

幸運を。

于 2016-02-03T21:45:26.023 に答える