JavaScript 如果选择达到数字则发出警报

Question

我想在用户选择超过 2 个项目时显示警告。 https://jsfiddle.net/338jL5qm/

jQuery:

var sb = $('.selected').length;
$('#row td.u').bind('click', function () {
    if (sb == 2) {
        alert("working");
        return;
    };
    $(this).html($(this).html() == '1' ? '2' : '1');
    $(this).toggleClass('selected u');
});

HTML:

<div id='row'>
    <table id='tbl'>
        <tr>
            <td class='u' id='_1a'>1</td>
            <td class='u' id='_1b'>1</td>
            <td class='u' id='_1c'>1</td>
            <td class='u' id='_1d'>1</td>
            <td class='u' id='_1e'>1</td>
            <td class='u' id='_1f'>1</td>
        </tr>
    </table>

CSS:

.selected{
    border: thin black solid;
}

感谢您的宝贵时间。

Answer 1

sb 的值是在页面加载时设置的，从未更改过。将 var sb = $('.selected').length 放入点击事件中以在每次点击时更改它。

$('#row td.u').bind('click', function () {
    var sb = $('.selected').length;
    if (sb == 2) {
        alert("working");
        return;
    };
    $(this).html($(this).html() == '1' ? '2' : '1');
    $(this).toggleClass('selected u');
});

JavaScript 如果选择达到数字则发出警报

JavaScript alert if selection reaches number

javascript

jquery

html

selection

UPDATED FIDDLE