javascript - 如何使用 jquery 远程启用/禁用 Bootstrap 按钮?

标签 javascript jquery twitter-bootstrap

<分区>

所以我正在为我的项目使用 Bootstrap。基本上我想禁用按钮(“禁用”类),直到点击计数达到一个不同的数字。 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; 
     }

可选的 HTML 部分:

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

有什么帮助吗?

最佳答案

up1btnup1bt 有拼写错误 - 按钮 ID 是 up1bt 但您的选择器是 #up1btn,将按钮 id 更改为 up1btn

演示:Fiddle

关于javascript - 如何使用 jquery 远程启用/禁用 Bootstrap 按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19385107/

相关文章:

jquery - 获取已下载的 srcset 图片

javascript - 按下按钮后显示带有 Polymer 的隐藏文本框

javascript - 从 JavaScript 转换为

javascript - SAPUI5 JS 用 OR 组合多个过滤器

jquery - 单击时显示/隐藏按钮上方的内容

html - Bootstrap 旋转木马箭头到屏幕边缘,调整大小,文本消失

jquery - AngularJS - Bootstrap Datepicker - 格式设置为 'mm-yyyy' 但允许用户以 'mm-yy' 格式输入日期

css - HTML5 和 Bootstrap - 两侧留有空格?

javascript - 使用 jsonp 和 ajax HTML

javascript - 使用 angular-google-maps 点击隐藏所有信息窗口