網上購物車付款

Question

嗨，我想了解關於購物車的信息。 我正在執行名為TRER的付款過程。 我在單擊button.i時遇到問題，盡管我看不到任何更改，但每個代碼都是正確的。 我在單選按鈕中提到了我的產品，我有5個單選按鈕，其數量不同，例如20 $ 40 $ 58.99 $ 70 $和100 $。 這是5單選按鈕的值。 如果我單擊第二個按鈕，該金額應添加到購物車中。

我對此有些困惑。 我想知道單選按鈕上的操作。

<input name="rmr"  type="radio" value="20"    onclick="add_payment_value()" />
<input name="rmr"  type="radio" value="40"    onclick="add_payment_value()" />
<input name="rmr"  type="radio" value="58.99" onclick="add_payment_value()" />
<input name="rmr"  type="radio" value="70"    onclick="add_payment_value()" />
<input name="rmr"  type="radio" value="100"   onclick="add_payment_value()" />

我想知道ajax函數。 我應該使用jquery和ajax一起。

你們中的任何人都可以發布一些其他代碼的想法。

祝你新年快樂

在此先感謝瑪麗亞

Answer 1

HTML：

<input name="rmr" type="radio" value="20" />
<input name="rmr" type="radio" value="40" />
<input name="rmr" type="radio" value="58.99" />
<input name="rmr" type="radio" value="70" />
<input name="rmr" type="radio" value="100" />

JS：

var rbRmr = $('input[name="rmr"]');

$(rbRmr).bind('change', function(ev) {

    var amount = $(this).val();

    $(rbRmr).attr('readonly', 'readonly'); //block until the query ends Ajax

    $.ajax({
      ...
      data: {value: amount},
      complete: function(xhr, sts) {
         $(rbRmr).removeAttr('readonly'); //unblock
      },
      ...
    });


});

Answer 2

您應該嘗試使用jQuery $ .ajax函數！ 如果要在購物車中增加價格，可以執行以下操作：

HTML：

<input name="rmr"  type="radio" value="20"    />
<input name="rmr"  type="radio" value="40"    />
<input name="rmr"  type="radio" value="58.99" />
<input name="rmr"  type="radio" value="70"    />
<input name="rmr"  type="radio" value="100"   />

jQuery的：

$(document).ready(function(){

    $("input[type='radio']").click(function(){

        var price = $(this).val();

        add_payment_value(price);

    });

});

function add_payment_value(price){

   // here you can use $.ajax function to add your 'price value' to your cart

   $.ajax({

      type: "POST",

  url: "add_payment_price.php", // file where you can add price to your database

  data: "",

  success: function(){} // return something on success

  });

}