кнопка отключения по истечении

Question

У меня есть кнопка, которая в настоящее время предупреждает пользователя, если купон уже загружен или истек. Как мне реализовать, чтобы, если он истек, вместо того, чтобы возвращать предупреждение, он вместо этого отключает кнопку? В настоящее время моя кнопка.

<?php 
    if (isset ($entry["couponId"])) { 
    if(! isset($_SESSION["loginSuccess"])) { ?> 
    <button type="submit" value="Coupon" class="disabledbuttonlink" id="couponButton-<?php echo $entry['id']; ?>">Log in to download</button> 
    <?php 
    } else { 
?> 
    <button type="submit" value="Coupon" class="buttonlink" id="couponButton-<?php echo $entry['id']; ?>">Coupon</button> 
<?php } }?> 

Ниже мой сценарий

<script type="text/javascript"> 
<?php 
    foreach($resultAllPosts['lists'] as $entry){?> 
     $('#couponButton-<?php echo $entry['id']; ?>').click(function(){ 
      if ("<?php echo $sessionId?>" == "<?php echo $non_login_user?>") { 
      alert("Please log in to download coupons"); 
      } else { 
    <?php 
     $fields = array(
      'projectId' => $PROJECT_ID, 
      'sessionId' => $sessionId,      
      'promotionId' => $entry['couponId'] 
     ); 

    $downloadedCoupon = get_decoded_info($SERVER_URL, $PORT, 'tos-member/user/membershipcoupon/download' , $fields); 

    if($downloadedCoupon['message'] != ('Same CouponId downloaded before.' || 'Coupon is expired.' || 'Invalid Coupon.')){    
        ?> 
    window.location = "<?php echo $base_url; ?>coupon-singleview?id=<?php echo $entry["couponId"];?>"; 
    <?php   
    } else { 
    if($downloadedCoupon['message'] == 'Same CouponId downloaded before.'){ 
    echo "alert('Coupon has already been downloaded');"; ?> 
    <?php } else if ($downloadedCoupon['message'] == 'Coupon is expired.') { 
    echo "alert('Coupon is expired');"; 
    } else { 
    echo "alert('Invalid coupon.');"; 
      } 
     } 
    ?> 
    }}); 
    <?php }?> 
</script> 

Я попытался следующие действия, чтобы отключить элемент по Javascript, но это не работу.

... 
<?php } else if ($downloadedCoupon['message'] == 'Coupon is expired.') {?> 
    document.getElementById('couponButton-<?php echo $entry['id']; ?>').disabled = true; 
<?php } else { 
... 

Answer 1

С помощью JQuery вы можете отключить атрибут.

$('#couponButton').prop("disabled", true);