当onclick函数小于另一个变量时，如何禁用它？
大家好，谢谢你们的帮助，
我有一些功能已经到位，第一个增加1%的总金额，每秒钟一次。第二个是按一下，原来的总数加了100美元。第三种方法是减去200美元，再加上总数中200美元的10%，所以每次点击时，负数就会上升。这些函数在我的本地机器上工作，但我无法让它们在JSFIDDLE中工作。
我想禁用减号按钮，一旦总金额小于负数，并再次启用它，一旦有足够的钱在总金额中使用。
到目前为止，这是我的JS
setInterval(function () {
var moneyTotal = document.getElementById('money-total').innerHTML;
var perSec = (1 / 100) * moneyTotal;
var moneyNewTotal = (+moneyTotal) + (+perSec);
document.getElementById('money-total').innerHTML = (moneyNewTotal.toFixed(2));
document.getElementById('per-second').innerHTML = (perSec.toFixed(2));
}, 1000);
function add() {
var addAmount = 100;
var moneyTotal = document.getElementById('money-total').innerHTML;
var addTotal = (+addAmount) + (+moneyTotal);
document.getElementById('money-total').innerHTML = (addTotal.toFixed(2));
}
function minus() {
var cost = document.getElementById('cost').innerHTML;
var money = document.getElementById('money-total').innerHTML;
if (money > cost) {
var moneyNewTotal = (+money) - (+cost);
var newCost = (10 / 100) * cost;
var costTotal = (+newCost) + (+cost);
document.getElementById('cost').innerHTML = Math.ceil(costTotal);
document.getElementById('money-total').innerHTML = (moneyNewTotal.toFixed(2));
} else {
alert("Not enough money");
}
}任何帮助都将不胜感激！
回答 1
Stack Overflow用户
发布于 2015-01-28 17:10:15
首先，Fiddle无法工作，因为您已经将其设置为加载javascript onLoad，它将函数包装在不同的范围内，因此它们在窗口中不可用。将其更改为加载javascript No wrap - in <head> (或<body>)将有助于其工作。
然后，您需要检查值并启用禁用减号按钮的东西。
function checkTotal() {
var moneyTotal = +document.getElementById('money-total').innerHTML;
var cost = +document.getElementById('cost').innerHTML;
if (cost > moneyTotal) {
document.getElementById('minus').setAttribute('disabled', 'disabled');
} else {
document.getElementById('minus').removeAttribute('disabled');
}
}然后，您需要在add、minus，甚至您在setInterval中定义的函数的末尾调用它，以便在金钱被添加时对其进行检查。此代码只向按钮添加disabled属性，因此任何样式都需要由代码或通过CSS和设置/删除类名或类似的东西来处理。
通过数据绑定或使用事件模型作为框架的一部分，可能有不同的方法来实现这一点，但是这些是一个更实质性的主题，不能在这个答案中真正讨论。
https://stackoverflow.com/questions/28187962
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号