ブーストラップの複数選択ドロップダウンを使用しています。ページロード時に、ドロップダウン リストで 2 つのチェックボックスがオンになっています。オプション値のデータ属性を追加しました。チェックボックスをクリックしたときに、データ属性の値がゼロより大きい場合は、チェックボックスをオンにしておく必要があります。チェックボックスをチェックするためにjqueryメソッドを使用しました
$(".checkbox").prop("checked",true)
しかし、チェックしたチェックボックスの数をチェックする$(".checkbox option:selected)と、プログラムでチェックしたチェックボックスは含まれません。誰でも私を助けることができますか？
ブートストラップの複数選択ドロップダウン用に生成された HTML:
<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>