Question

您好我想知道addcart购物。我正在做名为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

  });

}

在线购物车付款

2 个答案: