我想改变捐赠按钮的外观

Question

在我的网站上，我正在创建我使用引导按钮btn-primary，作为我的捐赠按钮，而不是PayPal提供的按钮。我的问题是当我尝试更改按钮时，按钮不再有效。

这是我的工作代码：

<div id="donate-button-image">
  <input type="image" 
  src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" 
  border="0" name="submit" onClick="CalculateOrder(this.form)">
</div>

当我将第二行输入类型更改为按钮而不是图像，并将src更改为类以便我可以指定我想要btn-primary时，OnClick函数就会停止工作，如下所示

<div id="donate-button-image">
  <input type="button" class="btn btn-primary" border="0" 
  name="submit"onClick="CalculateOrder(this.form)">
</div>

使用paypal按钮，我将被带到PayPal页面捐赠，但现在更改后，该按钮没有任何功能。我没有得到的是我如何改变按钮的风格？感谢任何帮助，谢谢！

这是javascript：

function CalculateOrder(form){
 var radG1;
 var totalAmount=0;

for (var i = 0; i < document.myform.os0.length; i++){
 if(document.myform.os0[i].checked==true){
   radG1=document.myform.os0[i].value;}
    }
 if(radG1 == "5.00"){
  document.myform.amount.value = '5.00';
  document.myform.item_number.value = "WF-5-00";
  }
 else if(radG1 == "10.00"){
  document.myform.amount.value = '10.00';
  document.myform.item_number.value = "WF-10-00";
  }
 else if(radG1 == "25.00"){
  document.myform.amount.value = '25.00';
  document.myform.item_number.value = "WF-25-00";
  }
 else if(radG1 == "50.00"){
 document.myform.amount.value = '50.00';
 document.myform.item_number.value = "WF-50-00";
  }

 else if(radG1 == "Other"){
  document.myform.amount.value = '0.00';
  document.myform.item_number.value = "WF-0-00";
  }  
}