Question

当我在文本框中写入x1并按下按钮时，会发出警报。因此，优惠券已被使用，在我关闭警报后，文本框和按钮被禁用

我将删除优惠券文本附加到附近，当我点击删除优惠券文本时，文本框和按钮变为启用状态。但是，当我第二次单击该按钮时，它会附加到“删除优惠券”文本附近。当我删除删除优惠券并启用它时，如何一次又一次地应用该流程？

以下是我的代码和演示;

<input type="text" id="couponInput" class="couponInput" placeholder="Coupon code" />                                                 
<button type="button" id="couponApply" class="couponApply">APPLY COUPON</button>                           
<span class="removeCoupon"></span>

$(document).ready(function(){
     $('.couponApply').click(function(event){
       var couponInputval = $(".couponInput").val();

       if(couponInputval == "x1"){
          alert('Coupon Applied!');
          $( ".removeCoupon" ).append( "Remove Coupon" );
          $(".couponInput, .couponApply").attr('disabled','disabled');          

          $('.removeCoupon').click(function(){
            $(".couponInput, .couponApply").removeAttr('disabled','disabled');            
          });
       }
       else{
         alert('Error');
       }
       event.preventDefault();
    });
  });

http://jsfiddle.net/509yp6k0/

Answer 1

如果我已了解您的要求，则只需删除优惠券即可从Remove coupon删除span文字。您可以使用empty()：

执行此操作

$('.removeCoupon').click(function () {
    $(".couponInput, .couponApply").prop('disabled', false);
    $(this).empty();
});

Updated fiddle

Answer 2

试试这个

$('.removeCoupon').on('click', function(){ 
    $(".couponInput, .couponApply").removeAttr('disabled', 'disabled');
    $(this).empty();
});

我想在Jquery中使用禁用和启用的功能

2 个答案: