온라인 쇼핑 카트 결제 방법

Question

안녕하세요, addcart 쇼핑에 대해 알고 싶습니다. 나는 TRER이라는 이름의 지불 프로세스를하고 있습니다. 내가 button.i 설정을 클릭하여 문제가 모든 코드를 볼 수없는 올바른 eventhough입니다. 나는 내 제품을 라디오 버튼으로 언급했는데, 나는 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()" /> 

저는 아약스 기능에 대해 알고 싶습니다. 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 
     }, 
     ... 
    }); 


});