스트라이프 맞춤 금액 필드

Question

스트라이프에는 카드 버튼으로 새롭고 쉬운 지불이 있습니다. 해킹하여 원하는대로 금액을 전달할 수 있습니다.

나는 사용자가 구매 셔츠 버튼 스트라이프 버튼으로 지불에 DIV를 클릭 할 때 주심의 형태

<div> 
<form> 
<select> 
<option value"1000">$10</option> 
<option value:2000>$20</option> 
</select> 

또는 입력 버튼

<input id="amount" /> 
<button id="buy">Buy Shirt</button> 
</form> 
</div> 

와 사업부가 있고 위에서 선택한 값이 데이터 - 양 스트라이프 필드에 전달됩니다. 스트라이프 데이터 양 센트에서이 작업을 수행하는 방법에 대한

<div id='form' style="display:none"> 
<form action="" method="POST"> 
<script 
src="https://checkout.stripe.com/v2/checkout.js" class="stripe-button" 
data-key="pk_kgwan(blah blah)" 
data-amount="2000" 
data-name="Demo Site" 
data-description="2 widgets ($20.00)" 
data-image="/128x128.png"> 
</script> 
</form> 
</div> 

없음 줄무늬 문서로 가지고 있기 때문에 입력에 입력 된 금액은 100을 곱한해야합니다.

Answer 1

먼저 일반 버튼으로 스크립트를 대체 :

  <button id="customButton" class="btn btn-primary">Pay</button> 

다음과 같은 스크립트를 삽입합니다. 내 경우, 내 라디오 버튼의 이름은 "거래"입니다. 스트립 열기 함수에 올바른 값과 설명을 삽입합니다.

 <script> 
     $('#customButton').click(function(){ 
      var token = function(res){ 
      var $input = $('<input type=hidden name=stripeToken />').val(res.id); 
      $('form').append($input).submit(); 
      }; 

      var dealValue; 
      var deal = document.getElementsByName('deal'); 
      for (var i = 0, length = deal.length; i < length; i++) { 
       if (deal[i].checked) { 
        dealValue = deal[i].value; 
       } 
      } 

      var description; 
      if(dealValue == 1000) 
       description = "small t-shirt"; 
      else if(dealValue == 2000) 
       description = "medium t-shirt"; 
      else if(dealValue == 3000) 
       description = "large t-shirt"; 

      StripeCheckout.open({ 
      key:   'putyourkeyhere', 
      amount:  dealValue, 
      currency: 'usd', 
      name:  'putyourname', 
      description: description, 
      panelLabel: 'Checkout', 
      token:  token 
      }); 

      return false; 
     }); 
     </script>