验证jQuery Mutiselect Checkbox

时间:2018-04-18 10:52:33

标签: javascript jquery html drop-down-menu multi-select

我在表单中使用这个jQuery multiselect插件,不知道如何验证是否从中选择了任何选项。 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');
        }
    });
});

1 个答案:

答案 0 :(得分:3)

选择框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');
        }
    });
});