интернет-магазин для покупок

Question

привет, я хочу узнать о покупок в магазине. im делает процесс оплаты с именем TRER. У меня проблема с нажатием кнопки. Настройка каждого кода верна, хотя я не вижу никаких изменений. Я упомянул свой продукт в переключателе, у меня есть 5 переключателей, которые имеют разную сумму, например 20 $ 40 $ 58.99 $ 70 $ и 100 $. это значение 5 переключателей. если я нажму 2-ю кнопку, которую сумма должна добавить в корзину покупок.

У меня есть небольшая путаница с этим. Я хочу знать действие на переключателе.

<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 togather.

может, ребята, кто-нибудь отправит какую-нибудь идею кода еще.

Желаю вам счастливого Newyear

заранее спасибо мария

Answer 1

Вы должны попробовать 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 

    }); 

} 

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


});