0

フォームに次のラジオボタンがあります

<input type="radio" name="shipping" value="Shipping($30)">Express Shipping($30)
<input type="radio" name="shipping" value="Shipping($15)">Regular Shipping($15)
<input type="radio" name="shipping" value="Shipping(Free)">Free Shipping

と変数

$totalNoShip;
$totalWithShip;

totalNoShip変数は出荷前の合計を保持します。totalWithShipラジオ ボタンの 1 つがクリックされたときに変数が更新されるようにします。これが完了したら、変数をスパンに出力したいのですが、<span class="finalPrice"> final value here </span> どうすればこれを行うことができますか?

4

1 に答える 1

2

HTML を次のように変更します

<input type="radio" name="shipping" value="30">Express Shipping($30)
<input type="radio" name="shipping" value="15">Regular Shipping($15)
<input type="radio" name="shipping" value="0">Free Shipping

<input type="hidden" name="total" value="0">
<span class="finalPrice"></span>

次に、JS で次のようにします。

$(document).ready(function(){

    $('input[name="shipping"]').click(function(){

        var $mValue = $(this).val();
        $('.finalPrice').text($mValue);
        $('input[name="total"]').val($mValue);

    });
});

次に、投稿した後、合計を検証して、選択した配送タイプに関連しているかどうかを確認します

于 2013-10-22T05:44:48.780 に答える