是否可以在更改单选按钮时禁用/启用jquery功能

Question

我正在网上商店的结账部分工作。 我创建了一个在提交表单后触发的脚本。 我希望此脚本仅在选定的付款方式不是paypal激活，因为我想跳过ajax进程。

我正在使用codeigniter框架

这是视图的代码

<form  action="<?php echo site_url('products/order')?>" method="post" id="checkoutForm" name="checkoutForm">
   ...
   <input type="radio" name="paymentMethod" value="cod">CASH ON DELIVERY
   <input type="radio" name="paymentMethod" value="paypal">PAYPAL
   ...
   <input type="submit" id="btnOrder" value="ORDER NOW">
</form>

<script type="text/javascript">
  var paymentMethod = '';
  $(document).ready(function(){
      $('input:radio[name="paymentMethod"]').change(function(){
           paymentMethod = $(this).val();

      });

   if(paymentMethod != 'paypal' && paymentMethod != ''){
      $('#checkoutForm').submit(function(){
         ...
         $.post($('#checkoutForm').attr('action'), $('#checkoutForm').serialize(), function( data ) {
           ...  
         }, 'json');
      return false;     
      });
    }
  });
</script>

这是我的控制器中的函数代码（products.php）

public function order() {
    $paymentMethod = $this->input->post('paymentMethod');
    ...
    if($paymentMethod != 'paypal'){
        echo json_encode(array('stat' => 1,'msg' => 'Registered Successfully', 'order_id' => $order_id));

     }else{
        // ... Some paypal configurations
        $this->paypal->pay(); //Proccess the payment
    }


} # End order

到目前为止我所尝试的是在$('#checkoutForm').submit之外放置一个if语句$('#checkoutForm').submit以检查单选按钮值是否不是贝宝，但它不起作用。

提前致谢

Answer 1

提交表单时，您必须获取值并进行检查。 现在，您在页面首次加载时进行检查，甚至在值更改之前进行检查。

$('#checkoutForm').submit(function(e){
     e.preventDefault();

     var paymentMethod = $('input:radio[name="paymentMethod"]').val();

     if(paymentMethod != 'paypal' && paymentMethod != ''){

         $.post($(this).attr('action'), $(this).serialize(), function( data ) {
           ...  
         }, 'json');
     }
});