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

Question

我正在处理在线商店的结账部分。我创建了一个脚本，一旦提交表单就会触发。我希望此脚本仅在所选付款方式不是 paypal 时激活，因为我想跳过 ajax 过程。

我正在使用 codeigniter 框架

这是 View 的代码

<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>

这是我的 Controller (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 语句来检查单选按钮值是否不是 paypal，但它不起作用。

提前致谢

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');
     }
});