javascript - 将单击的按钮的值插入数组

Question

我试图将单击的按钮的值推送到名为 values 的 JS 数组中。之后我想检查这个数组的长度，如果它的长度为 6，则条件为真。这段代码的问题是我没有收到警报。

JS

var values = [];

jQuery(document).ready(function($){
    $('.ui-btn').click(function() {
        values.push($(this).val());             
    });
});
if (values.length == 6) {
    alert("Hello! I am an alert box!!");
}

HTML

<div>
    <button name="btn1" type="submit" id="btn1" value="1" class="ui-btn"></button>
    <button name="btn2" type="submit" id="btn2" value="2" class="ui-btn"></button>
</div> // I have up to 9 buttons, thats only a piece

Answer 1

您所要做的就是将 if 语句放入 click() jQuery 事件处理程序中，如下所示:

$('.ui-btn').click(function() {
    values.push($(this).val());
    if (values.length == 6) {
        alert("Hello! I am an alert box!!");
     }
});

请参阅 JSFiddle.net 上的工作示例.

<小时/>

代码的问题是 if 语句只在开始时执行一次，以检查数组的长度是否为 6。它需要每次都运行 单击了一个按钮(因此在 click 处理程序内)。