お支払いのオンラインショッピングカート

Question

こんにちは、私はaddcartショッピングについて知りたいです。私はTRERという支払い処理を行っています。私はボタンをクリックすると問題が発生するすべてのコードは正しいですが、私はすべての変更を見ることができませんでした。 私のラジオボタンで私の製品を言及したが、20ドル40ドル58.99ドル70ドルと100ドルのような異なる量を持つ5つのラジオボタンがあります。これは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を使用する必要があります。

誰かがいくつかのコードを他のアイデアを投稿することができます。

あなたはjQueryの$のアヤックス機能を試してみてください、あなたに事前まりや

Answer 1

で幸せNewYear

感謝を願って！

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


});