网上购物车付款

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

  });

}