javascript - 如何选择合适数量的按钮

Question

我有一个文本框和文本框下方的一组按钮。假设发生的是用户在文本框中填写一个数字，该数字决定可以单击多少个按钮。例如，如果文本框的值为 2，则用户只能选择两个按钮，如果按钮变成红色则选择了一个按钮，如果按钮变成白色或保持白色则未选择。

问题是，如果值为 1 或以上，用户可以选择所有按钮，换句话说，如果他们一直点击按钮，那么所有按钮都会变成红色，而此时应该发生的是如果用户超过该值，则会出现一条错误消息，说明您已超过限制，如果您想选择另一个按钮，请取消选择一个按钮。

我怎样才能让选择的按钮数量与文本框中的值相匹配？

代码在jsfiddle中，点击here (出于某种奇怪的原因，它不允许我点击任何按钮，文本框允许在 jsfiddle 中输入字母，即使在我的应用程序中使用确切的代码它工作正常。请查看函数 btnclick (btn) 来帮助你。 )

Answer 1

您要重置每次点击的总数，所以您并没有真正计算。将 currenttotal = 0; 移到点击函数之外(并使用 var 声明)。

其次，你们有很多相同的代码。您还可以迭代以使按钮上的 .className 分配更简洁:

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";
}

您还可以使用 class="answerBtnsOff" 属性将类名放在 HTML 中。您甚至可以通过 JavaScript 创建按钮。这将使代码更清晰、更易读，但当然这些优化不是必需的。

http://jsfiddle.net/7WwaK/3/

(要使 jsFiddle 工作，您必须在左侧面板中选择 no wrap (body)，但这正是 jsFiddle 插入 JavaScript 的方式。)