如果在文本框中输入了某些内容，它不允许我选择按钮

Question

在我的应用程序中，用户通过单击（打开网格）链接并选择一个按钮来选择一个按钮。然后会发生一组按钮，具体取决于用户选择的内容。假设用户确定他想要在文本框中选择多少个答案（换句话说，用户想要选择多少个按钮）。例如，如果用户在文本框中输入“2”，那么用户只能选择下面的 2 个按钮。问题是，如果用户在文本框中输入数字，则不允许用户选择按钮（如果按钮的颜色变为绿色，则选择按钮）。但是如果我删除文本框中的数字，然后如果我点击一个按钮，它会出现一条警告消息，指出您应该确定所需的答案数量，这是正确的。

那么，如果“答案数”文本框中有数字，为什么我不允许选择任何按钮？

代码在jsfiddle中，点击here

谢谢

Answer 1

打开浏览器控制台。单击按钮时，您会看到以下错误：

Uncaught ReferenceError: currenttotal is not defined

是被这行代码抛出的：

console.log(currenttotal);

---

还有另一个问题似乎正在阻止currenttotal 的初始化：

---

如果我在这一行设置断点：var letter = $('#numberAnswerTxt').val();（在getButtons 内部），我可以看到变量"letter" 是一个看起来像"3" 的字符串。字符串没有名为String 的属性，因此letter.String 未定义。这就是TypeError: Cannot call method 'fromCharCode' of undefined 被抛出的原因。

所以我认为 for 循环应该是这样的：

for(var i = 65; i <= 90; i++) { // iterate over character codes for A to Z
    var letter = String.fromCharCode(i);
    document.getElementById("answer" + letter).className = "answerBtnsOff";
}

由于您使用的是 jQuery，您可以使循环体更简洁：

for(var i = 65; i <= 90; i++) { // iterate over character codes for A to Z
    var letter = String.fromCharCode(i);
    $("#answer" + letter).prop("class", "answerBtnsOff");
}

---

现在可以了

http://jsfiddle.net/mattball/ZCehW/