Začiarknite políčko v bootstrap multi select - javascript, jquery, multi-select, bootstrap-multiselect, jquery-multiselect

Používam rozbaľovaciu ponuku boostrap multi select. Na stránkach s upozorneniami mám dve políčka začiarknuté v rozbaľovacom zozname. Pridal som atribúty údajov pre hodnoty možností. Po kliknutí na začiarkavacie políčko, ak je hodnota atribútu dát-atribút väčšia ako nula, musím zaškrtnúť políčko začiarknuté. Na začiarknutie políčka som použil jquery metódu

$(".checkbox").prop("checked",true)

ale keď skontrolujem počet začiarknutých políčok $(".checkbox option:selected) nezahŕňa zaškrtávacie políčko, ktoré som kontroloval programovo. Môže mi niekto pomôcť.

Vytvorené HTML pre rozbaľovací zoznam bootstrap multiselect:

<select class="form-control" id="comm" multiple="multiple" name="comm[]" style="display: none;">
<option value="abc" data-id="0">abc</option>
<option value="xyz" data-id="0">xyz</option>
<option value="pqr" data-id="0">pqr</option>
<option value="mno" selected="selected" data-id="24">mno</option>
</select>
<div class="btn-group">
<button type="button" class="multiselect dropdown-toggle btn btn-default" data-toggle="dropdown" title="None selected">xyz</button>
<ul class="multiselect-container dropdown-menu">
<li><a href="javascript:void(0);">
<label class="checkbox"><input type="checkbox" value="abc">abc</label>
</a>
</li>
<li><a href="javascript:void(0);">
<label class="checkbox"><input type="checkbox" value="xyz"> xyz</label>
</a>
</li>
<li><a href="javascript:void(0);">
<label class="checkbox"><input type="checkbox" value="pqr"> pqr</label>
</a>
</li>
<li class=""><a href="javascript:void(0);">
<label class="checkbox"><input type="checkbox" value="mno"> mno</label>
</a>
</li>
</ul>
</div>

odpovede:

Skúste toto

$(".checkbox:checked")