Validate jQuery Mutiselect Checkbox

Question

I'm using this jQuery multiselect plugin in a form and no idea how to validate whether any option is selected from it. https://github.com/nobleclem/jQuery-MultiSelect

This is how I tried to do it but it doesn't work.

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

Your last line wants to be }).

deEr.
– deEr.

2018-04-18 10:58:08 +00:00
Commented Apr 18, 2018 at 10:58 — deEr.
– deEr., Commented Apr 18, 2018 at 10:58
<select mutiple … -> <select multiple …

Takit Isy
– Takit Isy

2018-04-18 11:16:32 +00:00
Commented Apr 18, 2018 at 11:16 — Takit Isy
– Takit Isy, Commented Apr 18, 2018 at 11:16
Sorry it was a typing mistake while typing in here.

Teshan N.
– Teshan N.

2018-04-18 11:23:26 +00:00
Commented Apr 18, 2018 at 11:23 — Teshan N.
– Teshan N., Commented Apr 18, 2018 at 11:23

Anfath Hifans · Accepted Answer · 2018-04-18 11:04:10Z

3

there is the mistake in select box multiple. try this,

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

answered Apr 18, 2018 at 11:04

Anfath Hifans

1,5981 gold badge12 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Validate jQuery Mutiselect Checkbox

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related