data-priceの割引表示

現在メールフォームプロというメールフォームを使用して注文フォーム的なものを作成しています。

その中で項目にチェックをいれると合計金額を10%OFFなどとしたいのですが、試行錯誤しています。

できる方法などあるでしょうか？


<option value="20,000円" data-price="20000" class="price">20,000円</option>

<div id="mfp_price" class="mfp_price">0円</div>

mfp_priceにdata-prieの合計値が表示される仕様となっています。
ここに合計にならずとも data-price="20000"がラジオボタンなどのクリックで data-price="18000"などに割り引かれる方法も考えているのですが、いきずまっております。

追記

最終的にはラジオボタンなどで追加の商品を頼むと全体の合計金額から10%引きと考えています。

他サイトにてのっていた下記記事を参考としていましたが、個別金額の変更はできたけど
合計金額の変更がならなかったのです。


<script>
    $('.price[data-price]')
      .each(function () {
        var $this = $(this);
        var oridinal_num = $this.data('price'); // 通常価格
        var oridinal_price = String(oridinal_num).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1,'); // 通常価格を桁区切り
        var discount = Math.floor(oridinal_num * 0.2); // 値引き額（通常価格の20%）※小数点以下切り捨て
        var sell_num = (oridinal_num - discount); // 割引価格（通常価格-割引額）
        var sell_price = String(sell_num).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1,'); // 割引価格を桁区切り
        $this.append('<p>通常価格：' + oridinal_price + '円</p><p>割引価格：' + sell_price + '円</p>'); // 通常価格と割引価格を挿入
      });
  </script>