Javascript jQuery(“#paypal_submit_form select[name=number_of_members]”)。val(); jQuery('#paypal_submit_表单输入[name=quantity_1]').val(数量); var totalAmount=0; var金额=培训执行_calculateItemAmount(); var processingFee=培训执行_calculateFee(); 合计金额=金额+处理费; jQuery(“#paypal_submit_表单输入[name=business]”)。val('shana@same.org'); jQuery(“#paypal_submit_表单输入[name=amount]”)。val(totalAmount); jQuery('#paypal_submit_表单输入[name=amount_2]').val(处理费); log($('form').serializeObject()); 返回false; jQuery(“#paypal_submit_form”).submit(); 返回true; } jQuery(文档).ready(函数(){ $(文档).on('change',$('bal#u成员数”),函数(){ 培训执行_显示总金额(); }); jQuery(“#余额提交_btn”)。单击(函数(e){ 提交训练表现(e); }); 培训执行_显示总金额(); }); $.fn.serializeObject=函数() { var o={}; var a=this.serializeArray(); $.each(a,function(){ if(o[this.name]!==未定义){ 如果(!o[this.name].push){ o[this.name]=[o[this.name]]; } o[this.name].push(this.value | |“”); }否则{ o[this.name]=this.value | |“”; } }); 返回o; };

Javascript jQuery(“#paypal_submit_form select[name=number_of_members]”)。val(); jQuery('#paypal_submit_表单输入[name=quantity_1]').val(数量); var totalAmount=0; var金额=培训执行_calculateItemAmount(); var processingFee=培训执行_calculateFee(); 合计金额=金额+处理费; jQuery(“#paypal_submit_表单输入[name=business]”)。val('shana@same.org'); jQuery(“#paypal_submit_表单输入[name=amount]”)。val(totalAmount); jQuery('#paypal_submit_表单输入[name=amount_2]').val(处理费); log($('form').serializeObject()); 返回false; jQuery(“#paypal_submit_form”).submit(); 返回true; } jQuery(文档).ready(函数(){ $(文档).on('change',$('bal#u成员数”),函数(){ 培训执行_显示总金额(); }); jQuery(“#余额提交_btn”)。单击(函数(e){ 提交训练表现(e); }); 培训执行_显示总金额(); }); $.fn.serializeObject=函数() { var o={}; var a=this.serializeArray(); $.each(a,function(){ if(o[this.name]!==未定义){ 如果(!o[this.name].push){ o[this.name]=[o[this.name]]; } o[this.name].push(this.value | |“”); }否则{ o[this.name]=this.value | |“”; } }); 返回o; };,javascript,paypal,Javascript,Paypal,好的,丹妮尔,这是我最后一个答案——我唯一不确定的是“数量2”。它被设置为1,我不确定它代表什么 <script type="text/javascript" src="https://code.jquery.com/jquery-2.2.0.min.js"></script> <h2 class="contentheading" style="margin-top: 0px;">2016 “Train-The-Trainer” Workshops<b

好的,丹妮尔,这是我最后一个答案——我唯一不确定的是“数量2”。它被设置为1,我不确定它代表什么

<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.0.min.js"></script>

<h2 class="contentheading" style="margin-top: 0px;">2016 “Train-The-Trainer” Workshops<br /><br /> AERIAL</h2>
<div>
    <p>$50.00 per class/person
        <br />Sign up for both for $90.00</p>
</div>
<div>
    <form id="paypal_submit_form" action="https://www.paypal.com/***" method="post">
        <input name="cmd" type="hidden" value="_cart" />
        <input name="upload" type="hidden" value="1" />
        <input name="charset" type="hidden" value="utf8" />
        <input name="business" type="hidden" value="shana@same.org" />
        <input name="currency_code" type="hidden" value="USD" />
        <input name="custom" type="hidden" />
        <input name="amount" type="hidden" />
        <input name="first_name" type="hidden" />
        <input name="last_name" type="hidden" />
        <input name="address1" type="hidden" />
        <input name="city" type="hidden" />
        <input name="state" type="hidden" />
        <input name="zip" type="hidden" />
        <input name="email" type="hidden" />
        <input name="night_phone_b" type="hidden" />
        <input name="address_override" type="hidden" value="1" />
        <div id="paypal_prs" style="font-size: 12px;">
            <p>
                <input id="cat-both" checked="checked" name="cat" type="radio" value="90" />
                <label for="cat-both">Both</label>
                <input id="cat-aerial" name="cat" type="radio" value="50" />
                <label for="cat-aerial">Aerial</label>
                <input id="cat-loto" name="cat" type="radio" value="50" />
                <label for="cat-loto">Lockout/Tagout</label>
            </p>
            <br /> Members:
            <select id="bal_number_of_members" style="font-size: 12px; padding: 3px;" name="number_of_members">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="6">6</option>
                <option value="7">7</option>
                <option value="8">8</option>
                <option value="9">9</option>
                <option value="10">10</option>
                <option value="11">11</option>
            </select>
            <br /> Total Amount (Cost + Processing Fee):
            <input style="width: 50px; margin-right: 10px; padding: 2px; padding-bottom: 1px; font-size: 12px;" name="tmp_total_amount" readonly="readonly" type="text" value="93" />
            <input id="bal_submit_btn" style="padding: 3px 5px; font-size: 12px; cursor: pointer;" type="button" value="Pay Here" />
            <input name="item_name_1" type="hidden" value="2016 Train-The-Trainer Workshops(AERIAL LIFTS &amp; LOCKOUT/TAGOUT)" />
            <input name="amount_1" type="hidden" value="90" />
            <input name="quantity_1" type="hidden" value="1" />
            <input name="item_name_2" type="hidden" value="Processing fee" />
            <input name="amount_2" type="hidden" value="0" />
            <input name="quantity_2" type="hidden" value="1" />
        </div>
        <input name="notify_url" type="hidden" value="http://some.org/tmp_ipn.php" />
        <input name="return" type="hidden" value="http://some.org/" />
        <input name="cancel_return" type="hidden" value="http://some.org/index.php?view=article&amp;id=278" />
        <input name="no_shipping" type="hidden" value="1" />
    </form>
</div>
<div style="font-size: 11px; margin-top: 10px; color: red;">
    Additional 2.9% + $0.30 processing fee will be charged with all orders paid by credit card.
</div>
<div style="margin-top: 50px;">
    <a style="font-size: 18px;" href="images/Flyer_2016.pdf" target="_blank">Download Order Form</a>
</div>
<p style="font-size: 14px;">
    <strong>Please fax or email the order form to the office.</strong>
</p>


<script type="text/javascript">
$('#bal_submit_btn').on('click',function(e){
  //Remove this in production and the form will continue to submit
  e.preventDefault();
  var theFee = getFee();
  var thePrice = getPrice();
  $('#paypal_submit_form input[name=business]').val('shana@same.org');
  $('#paypal_submit_form input[name=amount]').val(thePrice);
  $('#paypal_submit_form input[name=amount_2]').val(theFee);

  console.log( $('#paypal_submit_form').serializeObject() );
  return false;
})

$(document).on('change', $("#bal_number_of_members"), function(e) {
  return update();
});

function update(){
    var qty = $('#bal_number_of_members').val();
    var theFee = getFee();
    var thePrice = getPrice();
    var total = parseFloat(thePrice + theFee);
    $('#paypal_submit_form input[name=tmp_total_amount]').val(total);
    $('#paypal_submit_form input[name="amount_1"]').val(total);
    $('#paypal_submit_form input[name="amount"]').val(total);
    $('#paypal_submit_form input[name="amount_2"]').val(theFee);
    $('#paypal_submit_form input[name=quantity_1]').val(qty);
    return Math.round(total * 100)/100;
}

function getPrice() {
  var qty = $('#bal_number_of_members').val();
  var pricePerUnit = $("input[name=cat]:checked").val();
  var price = pricePerUnit * qty;
  return Math.round(price *100)/100;
}

function getFee() {
  var qty = $('#bal_number_of_members').val();
  var pricePerUnit = $("input[name=cat]:checked").val();
  var price = pricePerUnit * qty;
  var theFee = Math.round( ((price*0.029888888888889)+0.30) * 100)/100;
  return theFee;
}

$(document).ready(function() {
    return update();
});

$.fn.serializeObject = function(){
        var o = {};
        var a = this.serializeArray();
        $.each(a, function() {
                if (o[this.name] !== undefined) {
                        if (!o[this.name].push) {
                                o[this.name] = [o[this.name]];
                        }
                        o[this.name].push(this.value || '');
                } else {
                        o[this.name] = this.value || '';
                }
        });
        return o;
};
</script>

2016年“培训培训师”研讨会
每班$50.00/人

以90.00美元的价格同时注册

二者都 空中的 锁定/挂牌


成员: 1. 2. 3. 4. 5. 6. 7. 8. 9 10 11
总金额(成本+处理费): 通过信用卡支付的所有订单将额外收取2.9%+0.30美元的处理费。

请将订单传真或电邮至办公室。

$('bal#u submit_btn')。在('click',函数(e)上{ //在生产中删除此项,表单将继续提交 e、 预防默认值(); var offee=getFee(); var thePrice=getPrice(); $(“#paypal_提交_表单输入[name=business]”)。val('shana@same.org'); $(“#paypal_submit_form input[name=amount]”)val(价格); $(“#paypal_submit_form input[name=amount_2]”)val(offee); console.log($('#paypal_submit_form').serializeObject()); 返回false; }) $(文件)。关于(‘变更’、$(‘成员总数’)功能(e){ 返回更新(); }); 函数更新(){ 变量数量=$(“#余额成员数”).val(); var offee=getFee(); var thePrice=getPrice(); var total=浮动汇率(价格+浮动汇率); $(“#paypal_submit_form input[name=tmp_total_amount]”)。val(total); $(#paypal_submit_表单输入[name=“amount_1”]”)val(总计); $(#paypal_submit_表单输入[name=“amount”]).val(总计); $(“#paypal_submit_form input[name=“amount_2”]”)val(offee); $(“#paypal_submit_表单输入[name=quantity_1]”)。val(数量); 返回数学四舍五入(总计*100)/100; } 函数getPrice(){ 变量数量=$(“#余额成员数”).val(); var pricePerUnit=$(“输入[name=cat]:选中”).val(); var价格=价格单位*数量; 返回数学整数(价格*100)/100; } 函数getFee(){ 变量数量=$(“#余额成员数”).val(); var pricePerUnit=$(“输入[name=cat]:选中”).val(); var价格=价格单位*数量; var OFFE=数学舍入((价格*0.029888889)+0.30)*100)/100; 退票; } $(文档).ready(函数(){ 返回更新(); }); $.fn.serializeObject=函数(){ var o={}; var a=this.serializeArray(); $.each(a,function(){ if(o[this.name]!==未定义){ 如果(!o[this.name].push){ o[this.name]=[o[this.name]]; } o[this.name].push(this.value | |“”); }否则{ o[this.name]=this.value | |“”; } }); 返回o; };
我只看到一个按钮,其他两个按钮在哪里?@terrymose,我的意思是输入类型=“radio”重复:@Alain Nisam,我发现这里的故障在输入名称=“amount\u 1”value=“90”中。似乎这需要更改var amount=trainthetraineperform\u calculateitemount()的值;在submitTraineTheTraineForm()函数中。有什么想法吗?@DanielleRoseMabunga-你可以像这样将你需要的值写入隐藏的表单字段:$('input[name=“amount_1”])。val(theNewAmount)仍然是#cat tware发送的值,而不是#cat air,#cat lotoOk,我编辑了我的上一个答案,这样当你提交时,它会转储所有字段。我认为比较实际发布的内容会有帮助。已经这样做了。在开发者控制台中,console.log所有正确的值都是正确的。但是我不明白为什么它在使用代码发送到PayPal时不发送正确的值,当我为cat loto或cat-AIR选择1时,问题在于金额1。但当我在下拉列表中选择2或其他数字时,数字1会转储正确的值此代码$(文档)。在('change',$('input[name=“tmp_total_amount”]),函数(){$('input[name=“amount_1”])。val($('input[name=“tmp_total_amount”])。val())不会
<script src="jquery-1.11.3.min.js"></script>
<script>
function getPayPalProcessingFee() {
         var qty = $('#paypal_submit_form select[name=number_of_members]').val();
         qty = parseInt(qty);


         var current_index = $("input[name=cat]:checked").attr('id');

         switch (current_index){
             case 'cat-both':

                return 3*qty;   

                break;
             case 'cat-aerial':

                return 1.8*qty;
                break;

             case 'cat-loto':

                return 1.8*qty;
                break;
             default:
                return 0;
         }
     }

  function trainthetrainerForm_calculateFee() {
        var fee = getPayPalProcessingFee();
        return fee;
    }
  function trainthetrainerForm_calculateItemAmount() {
    var qty = $('#paypal_submit_form select[name=number_of_members]').val();
    var current_val = $("input[name=cat]:checked").val();
        console.log(current_val);
    var amount = parseInt(qty) * current_val;
    amount = parseFloat(amount).toFixed(2);
    return amount;
  }


  function trainthetrainerForm_displayTotalAmount() {
    var amount = trainthetrainerForm_calculateItemAmount();
    console.log(parseFloat(amount));

    var totalamount = parseFloat(amount)+((parseFloat(amount)*0.029888888888889)+0.30);
    console.log(totalamount);
    totalamount = parseFloat(totalamount).toFixed(2);
    console.log(totalamount);

    $('#paypal_submit_form input[name=tmp_total_amount]').val(totalamount);

  }

  function submitTrainthetrainerForm() {
    var qty = $('#paypal_submit_form select[name=number_of_members]').val();
    $('#paypal_submit_form input[name=quantity_1]').val(qty);

    var totalAmount = 0;
    var amount = trainthetrainerForm_calculateItemAmount();
    var processingFee = trainthetrainerForm_calculateFee();

    totalAmount = amount + processingFee;

    $('#paypal_submit_form input[name=business]').val('shana@same.org');
    $('#paypal_submit_form input[name=amount]').val(totalAmount);
    $('#paypal_submit_form input[name=amount_2]').val(processingFee);
    $('#paypal_submit_form').submit();
  }

  $(document).ready(function() {
    $(document).on('change', $("#bal_number_of_members"), function() {
      trainthetrainerForm_displayTotalAmount();
    });
    $("#bal_submit_btn").click(function() {
      submitTrainthetrainerForm();
    });

   // trainthetrainerForm_displayTotalAmount();
  });
</script>
  var amount = trainthetrainerForm_calculateItemAmount();
  submitTrainthetrainerForm() 
  action="https://www.paypal.com/cgi-bin/webscr"
 <script>
   function getPayPalProcessingFee() {
    var qty = $('#paypal_submit_form select[name=number_of_members]').val();
    qty = parseInt(qty);

    var current_index = $("input[name=cat]:checked").attr('id');

    switch (current_index){
        case 'cat-both':

            return 3*qty;   

            break;
        case 'cat-aerial':

            return 1.8*qty;
            break;

        case 'cat-loto':

            return 1.8*qty;
            break;
        default:
            return 0;
     }
  }

 function trainthetrainerForm_calculateFee() {
    var fee = getPayPalProcessingFee();
    return fee;
 }
 function trainthetrainerForm_calculateItemAmount() {
    var qty = jQuery('#paypal_submit_form    select[name=number_of_members]').val();
    var current_val = jQuery("input[name=cat]:checked").val();
    //console.log(current_val);
    var amount = parseInt(qty) * current_val;
    amount = parseFloat(amount).toFixed(2);
    return amount;
  }


 function trainthetrainerForm_displayTotalAmount() {
   var amount = trainthetrainerForm_calculateItemAmount();
   console.log(parseFloat(amount));
   var totalamount = parseFloat(amount)+ ((parseFloat(amount)*0.029888888888889)+0.30);
   console.log(totalamount);
   totalamount = parseFloat(totalamount).toFixed(2);
   console.log(totalamount);

   jQuery('#paypal_submit_form  input[name=tmp_total_amount]').val(totalamount);
  }

  function submitTrainthetrainerForm() {
   var qty = jQuery('#paypal_submit_form select[name=number_of_members]').val();
   jQuery('#paypal_submit_form input[name=quantity_1]').val(qty);

   var totalAmount = 0;
   var amount = trainthetrainerForm_calculateItemAmount();
   var processingFee = trainthetrainerForm_calculateFee();

   totalAmount = amount + processingFee;

   jQuery('#paypal_submit_form input[name=business]').val('shana@same.org');
   jQuery('#paypal_submit_form input[name=amount]').val(totalAmount);
   jQuery('#paypal_submit_form input[name=amount_2]').val(processingFee);
   jQuery('#paypal_submit_form').submit();
    return true;
  }

  jQuery(document).ready(function() {
    $(document).on('change', $("#bal_number_of_members"), function() {
     trainthetrainerForm_displayTotalAmount();
   });
   jQuery("#bal_submit_btn").click(function() {
    submitTrainthetrainerForm();
   });

   $(document).on('change',$('input[name="tmp_total_amount"]'),function(){
     $('input[name="amount_1"]').val($('input[name="tmp_total_amount"]').val()); 
     trainthetrainerForm_displayTotalAmount();
    });
  });
<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.0.min.js"></script>

<h2 class="contentheading" style="margin-top: 0px;">2016 “Train-The-Trainer” Workshops<br /><br /> AERIAL</h2>
<div>
  <p>$50.00 per class/person
    <br />Sign up for both for $90.00</p>
</div>
<div>
  <form id="paypal_submit_form" action="https://www.paypal.com/***" method="post">
    <input name="cmd" type="hidden" value="_cart" />
    <input name="upload" type="hidden" value="1" />
    <input name="charset" type="hidden" value="utf8" />
    <input name="business" type="hidden" />
    <input name="currency_code" type="hidden" value="USD" />
    <input name="custom" type="hidden" />
    <input name="amount" type="hidden" />
    <input name="first_name" type="hidden" />
    <input name="last_name" type="hidden" />
    <input name="address1" type="hidden" />
    <input name="city" type="hidden" />
    <input name="state" type="hidden" />
    <input name="zip" type="hidden" />
    <input name="email" type="hidden" />
    <input name="night_phone_b" type="hidden" />
    <input name="address_override" type="hidden" value="1" />
    <div id="paypal_prs" style="font-size: 12px;">
      <p>
        <input id="cat-both" checked="checked" name="cat" type="radio" value="90" />
        <label for="cat-both">Both</label>
        <input id="cat-aerial" name="cat" type="radio" value="50" />
        <label for="cat-aerial">Aerial</label>
        <input id="cat-loto" name="cat" type="radio" value="50" />
        <label for="cat-loto">Lockout/Tagout</label>
      </p>
      <br /> Members:
      <select id="bal_number_of_members" style="font-size: 12px; padding: 3px;" name="number_of_members">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
        <option value="10">10</option>
        <option value="11">11</option>
      </select>
      <br /> Total Amount (Cost + Processing Fee):
      <input style="width: 50px; margin-right: 10px; padding: 2px; padding-bottom: 1px; font-size: 12px;" name="tmp_total_amount" readonly="readonly" type="text" value="93" />
      <input id="bal_submit_btn" style="padding: 3px 5px; font-size: 12px; cursor: pointer;" type="button" value="Pay Here" />
      <input name="item_name_1" type="hidden" value="2016 Train-The-Trainer Workshops(AERIAL LIFTS &amp; LOCKOUT/TAGOUT)" />
      <input name="amount_1" type="hidden" value="90" />
      <input name="quantity_1" type="hidden" value="1" />
      <input name="item_name_2" type="hidden" value="Processing fee" />
      <input name="amount_2" type="hidden" value="0" />
      <input name="quantity_2" type="hidden" value="1" />
    </div>
    <input name="notify_url" type="hidden" value="http://some.org/tmp_ipn.php" />
    <input name="return" type="hidden" value="http://some.org/" />
    <input name="cancel_return" type="hidden" value="http://some.org/index.php?view=article&amp;id=278" />
    <input name="no_shipping" type="hidden" value="1" />
  </form>
</div>
<div style="font-size: 11px; margin-top: 10px; color: red;">
  Additional 2.9% + $0.30 processing fee will be charged with all orders paid by credit card.
</div>
<div style="margin-top: 50px;">
  <a style="font-size: 18px;" href="images/Flyer_2016.pdf" target="_blank">Download Order Form</a>
</div>
<p style="font-size: 14px;">
  <strong>Please fax or email the order form to the office.</strong>
</p>


<script type="text/javascript">
  function trainthetrainerForm_calculateItemAmount() {
    var qty = jQuery('#paypal_submit_form select[name=number_of_members]').val();
    var current_val = jQuery("input[name=cat]:checked").val();
        //console.log(current_val);
    var amount = parseInt(qty) * current_val;
    amount = parseFloat(amount).toFixed(2);
    return amount;
  }


  function trainthetrainerForm_displayTotalAmount() {
    var amount = trainthetrainerForm_calculateItemAmount();
    console.log(parseFloat(amount));
    var totalamount = parseFloat(amount)+((parseFloat(amount)*0.029888888888889)+0.30);
    console.log(totalamount);
    totalamount = parseFloat(totalamount).toFixed(2);
    console.log(totalamount);

    jQuery('#paypal_submit_form input[name=tmp_total_amount]').val(totalamount);
    $('input[name="amount_1"]').val(totalamount);
  }

  function trainthetrainerForm_calculateFee() {
    var amount = trainthetrainerForm_calculateItemAmount();
    return (parseFloat(amount)*0.029888888888889)+0.30;
  }

  function submitTrainthetrainerForm(e) {
    e.preventDefault();
    var qty = jQuery('#paypal_submit_form select[name=number_of_members]').val();
    jQuery('#paypal_submit_form input[name=quantity_1]').val(qty);

    var totalAmount = 0;
    var amount = trainthetrainerForm_calculateItemAmount();
    var processingFee = trainthetrainerForm_calculateFee();

    totalAmount = amount + processingFee;

    jQuery('#paypal_submit_form input[name=business]').val('shana@same.org');
    jQuery('#paypal_submit_form input[name=amount]').val(totalAmount);
    jQuery('#paypal_submit_form input[name=amount_2]').val(processingFee);

console.log( $('form').serializeObject() );
return false;

    jQuery('#paypal_submit_form').submit();
    return true;
  }

  jQuery(document).ready(function() {
    $(document).on('change', $("#bal_number_of_members"), function() {
      trainthetrainerForm_displayTotalAmount();
    });
    jQuery("#bal_submit_btn").click(function(e) {
      submitTrainthetrainerForm(e);
    });

    trainthetrainerForm_displayTotalAmount();
  });

 $.fn.serializeObject = function()
{
    var o = {};
    var a = this.serializeArray();
    $.each(a, function() {
        if (o[this.name] !== undefined) {
            if (!o[this.name].push) {
                o[this.name] = [o[this.name]];
            }
            o[this.name].push(this.value || '');
        } else {
            o[this.name] = this.value || '';
        }
    });
    return o;
}; 
</script>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.0.min.js"></script>

<h2 class="contentheading" style="margin-top: 0px;">2016 “Train-The-Trainer” Workshops<br /><br /> AERIAL</h2>
<div>
    <p>$50.00 per class/person
        <br />Sign up for both for $90.00</p>
</div>
<div>
    <form id="paypal_submit_form" action="https://www.paypal.com/***" method="post">
        <input name="cmd" type="hidden" value="_cart" />
        <input name="upload" type="hidden" value="1" />
        <input name="charset" type="hidden" value="utf8" />
        <input name="business" type="hidden" value="shana@same.org" />
        <input name="currency_code" type="hidden" value="USD" />
        <input name="custom" type="hidden" />
        <input name="amount" type="hidden" />
        <input name="first_name" type="hidden" />
        <input name="last_name" type="hidden" />
        <input name="address1" type="hidden" />
        <input name="city" type="hidden" />
        <input name="state" type="hidden" />
        <input name="zip" type="hidden" />
        <input name="email" type="hidden" />
        <input name="night_phone_b" type="hidden" />
        <input name="address_override" type="hidden" value="1" />
        <div id="paypal_prs" style="font-size: 12px;">
            <p>
                <input id="cat-both" checked="checked" name="cat" type="radio" value="90" />
                <label for="cat-both">Both</label>
                <input id="cat-aerial" name="cat" type="radio" value="50" />
                <label for="cat-aerial">Aerial</label>
                <input id="cat-loto" name="cat" type="radio" value="50" />
                <label for="cat-loto">Lockout/Tagout</label>
            </p>
            <br /> Members:
            <select id="bal_number_of_members" style="font-size: 12px; padding: 3px;" name="number_of_members">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="6">6</option>
                <option value="7">7</option>
                <option value="8">8</option>
                <option value="9">9</option>
                <option value="10">10</option>
                <option value="11">11</option>
            </select>
            <br /> Total Amount (Cost + Processing Fee):
            <input style="width: 50px; margin-right: 10px; padding: 2px; padding-bottom: 1px; font-size: 12px;" name="tmp_total_amount" readonly="readonly" type="text" value="93" />
            <input id="bal_submit_btn" style="padding: 3px 5px; font-size: 12px; cursor: pointer;" type="button" value="Pay Here" />
            <input name="item_name_1" type="hidden" value="2016 Train-The-Trainer Workshops(AERIAL LIFTS &amp; LOCKOUT/TAGOUT)" />
            <input name="amount_1" type="hidden" value="90" />
            <input name="quantity_1" type="hidden" value="1" />
            <input name="item_name_2" type="hidden" value="Processing fee" />
            <input name="amount_2" type="hidden" value="0" />
            <input name="quantity_2" type="hidden" value="1" />
        </div>
        <input name="notify_url" type="hidden" value="http://some.org/tmp_ipn.php" />
        <input name="return" type="hidden" value="http://some.org/" />
        <input name="cancel_return" type="hidden" value="http://some.org/index.php?view=article&amp;id=278" />
        <input name="no_shipping" type="hidden" value="1" />
    </form>
</div>
<div style="font-size: 11px; margin-top: 10px; color: red;">
    Additional 2.9% + $0.30 processing fee will be charged with all orders paid by credit card.
</div>
<div style="margin-top: 50px;">
    <a style="font-size: 18px;" href="images/Flyer_2016.pdf" target="_blank">Download Order Form</a>
</div>
<p style="font-size: 14px;">
    <strong>Please fax or email the order form to the office.</strong>
</p>


<script type="text/javascript">
$('#bal_submit_btn').on('click',function(e){
  //Remove this in production and the form will continue to submit
  e.preventDefault();
  var theFee = getFee();
  var thePrice = getPrice();
  $('#paypal_submit_form input[name=business]').val('shana@same.org');
  $('#paypal_submit_form input[name=amount]').val(thePrice);
  $('#paypal_submit_form input[name=amount_2]').val(theFee);

  console.log( $('#paypal_submit_form').serializeObject() );
  return false;
})

$(document).on('change', $("#bal_number_of_members"), function(e) {
  return update();
});

function update(){
    var qty = $('#bal_number_of_members').val();
    var theFee = getFee();
    var thePrice = getPrice();
    var total = parseFloat(thePrice + theFee);
    $('#paypal_submit_form input[name=tmp_total_amount]').val(total);
    $('#paypal_submit_form input[name="amount_1"]').val(total);
    $('#paypal_submit_form input[name="amount"]').val(total);
    $('#paypal_submit_form input[name="amount_2"]').val(theFee);
    $('#paypal_submit_form input[name=quantity_1]').val(qty);
    return Math.round(total * 100)/100;
}

function getPrice() {
  var qty = $('#bal_number_of_members').val();
  var pricePerUnit = $("input[name=cat]:checked").val();
  var price = pricePerUnit * qty;
  return Math.round(price *100)/100;
}

function getFee() {
  var qty = $('#bal_number_of_members').val();
  var pricePerUnit = $("input[name=cat]:checked").val();
  var price = pricePerUnit * qty;
  var theFee = Math.round( ((price*0.029888888888889)+0.30) * 100)/100;
  return theFee;
}

$(document).ready(function() {
    return update();
});

$.fn.serializeObject = function(){
        var o = {};
        var a = this.serializeArray();
        $.each(a, function() {
                if (o[this.name] !== undefined) {
                        if (!o[this.name].push) {
                                o[this.name] = [o[this.name]];
                        }
                        o[this.name].push(this.value || '');
                } else {
                        o[this.name] = this.value || '';
                }
        });
        return o;
};
</script>