在引导程序多选中选中一个复选框

Question

我正在使用boostrap多选下拉菜单。 在页面加载中，我在下拉列表中选中了两个复选框。 我为选项值添加了数据属性。 在单击复选框时，如果数据属性值大于零，则需要保留选中的复选框。 我已经使用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>

Answer 1

尝试这个

$(".checkbox:checked")