Online-Warenkorb für die Bezahlung

Question

Hallo, ich möchte über die addcart shopping wissen. im tun die Zahlung Prozess namens TRER. Ich habe ein Problem mit dem Klicken button.i Setup jeder Code korrekt ist, obwohl ich nicht sehen konnte, jede Änderung. Ich erwähnte mein Produkt in Radio-Button, ich habe eine 5 Radio-Buttons, die unterschiedliche Menge wie 20$ 40$ 58.99$ 70$ und 100$ hat. Dies ist der Wert von 5 Radio-Button.

Ich habe die kleine Verwirrung mit diesem. Ich möchte die Aktion auf Radio-Button zu kennen.

<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()" />

Ich möchte die Ajax-Funktion kennen. sollte ich Jquery und Ajax zusammen verwenden.

könnte jemand einen Code oder eine Idee posten.

Ich wünsche Ihnen ein frohes neues Jahr

danke im voraus mariya

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

Versuchen Sie die jQuery-Funktion $.ajax! Wenn Sie den Preis in den Warenkorb legen wollen, könnten Sie so etwas tun wie:

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

  });

}