如何使用jQuery远程启用/禁用Bootstrap按钮？

Question

我正在使用Bootstrap进行我的项目。基本上，我希望在点击次数达到特定数字之前，按钮处于禁用状态（"disabled"类）。 JS部分：

 var timesClicked = 0; //main click variable
 var CPC = 5;
 var up1cost = 100; //cost for upgrade 1


function btnClick(){
 timesClicked = timesClicked + CPC; //increases clicks by 1  
 $("#timesClicked").html(timesClicked) //parses over via jquery
 if(timesClicked <= up1cost){
    $("#up1btn").addClass("disabled")
        } else {
    $("#up1btn").removeClass("disabled")
        }   
     return true; 
     }

Optional HTML Part:

<p><a class="btn btn-primary btn-lg disabled" id="up1bt">Purchase: C100</a></p>

有需要帮忙吗？

- kyr

---

谁在调用 btnClick？ - Arun P Johny

Answer 1

您有一个拼写错误，up1btn和up1bt- 按钮的ID是up1bt，但您的选择器是#up1btn，请更改按钮ID为up1btn。

演示：Fiddle。

- Arun P Johny

---

谢谢，问题已解决。真不敢相信我没看到那个问题。 - kyr

@Alyn 我也花了很多时间。 - Arun P Johny

@ArunPJohny 不错 =) - MackieeE