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

【问题标题】：Is it possible to disable/enable a jquery function on change of radio button是否可以在更改单选按钮时禁用/启用 jquery 功能
【发布时间】：2015-01-01 18:18:42
【问题描述】：

我正在处理在线商店的结帐部分。我创建了一个脚本，一旦提交表单就会触发。我希望此脚本仅在所选付款方式不是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 语句，以检查单选按钮的值是否不是贝宝，但它不起作用。

提前致谢

【问题讨论】：

试试paymentMethod !== 'paypal'，因为!=没有像!=那样严格检查

标签： javascript php jquery codeigniter

【解决方案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');
     }
});

【讨论】：