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

Is it possible to disable/enable a jquery function on change of radio button

本文关键字：启用 功能 jquery 单选按钮 是否      更新时间：2023-09-26

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

我正在使用代码点火器框架

下面是视图的代码

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

这是我的控制器（产品.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

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

提前致谢

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

$('#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');
     }
});
相关文章：