验证 jQuery 多选复选框

Question

我在表单中使用这个 jQuery 多选插件，不知道如何验证是否从中选择了任何选项。 https://github.com/nobleclem/jQuery-MultiSelect

这是我尝试过的方法，但它不起作用。

HTML

<select multiple id="selectbox">
    <option value="1"></option>
    <option value="2"></option>
    <option value="3"></option>
</select>
<input type="button" value="validate" id="btn"/>

JS

$(document).ready(function () {
    $('select[multiple]').multiselect();

    $('#btn').click(function(){
        if ($("#selectbox option:selected").length == 0) {
            alert('None Selected');
        }
    });
});

Answer 1

select 框中有错误 multiple。试试这个，

<select id="selectbox" multiple>
    <option value="1">1 option</option>
    <option value="2">2 option</option>
    <option value="3">3 option</option>
</select>

$(document).ready(function () {
    $('select[multiple]').multiselect();
    $('#btn').click(function(){
        if ($('#selectbox').val() != null && $('#selectbox').val().length > 0) {
            console.log('Selected');
        }else{
            console.log('Non Selected');
        }
    });
});