Online-shopping cart für die Zahlung

Question

Hallo, ich möchte über die Addcart-Shopping wissen. Ich mache den Zahlungsprozess namens TRER. Ich habe ein Problem mit dem Klicken auf Button.I Setup ist jeder Code korrekt, obwohl ich keine Änderung sehen konnte. Ich erwähnte mein Produkt in Radiobutton, ich habe 5 Radio-Tasten, die unterschiedliche Menge wie 20 $ 40 $ 58,99 $ 70 $ und 100 $ hat. Dies ist der Wert von 5 Optionsfeld. Wenn ich auf die 2. Schaltfläche klicke, sollte der Betrag zum Warenkorb hinzugefügt werden.

Ich habe die kleine Verwirrung damit. Ich möchte die Aktion auf Radioknopf wissen.

<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. soll ich jquery und ajax zusammen verwenden?

könnte jemand irgendjemand einen Code sonst noch eine Idee bekannt geben.

Wir wünschen Ihnen ein glückliches NewYear

Dank im Voraus mariya

Answer 1

Sie sollten jQuery $ Schnipsel Funktion versuchen! Wenn Sie Preis in den Warenkorb hinzufügen wollen könnte man so etwas tun:

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 

    }); 

} 

Answer 2

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 
     }, 
     ... 
    }); 


});