選中引導多選中的複選框

我正在使用boostrap多選下拉菜單。在頁面加載中，我在下拉列表中選中了兩個複選框。我添加了選項值的數據屬性。點擊複選框，如果數據屬性值大於零，我需要kepp複選框選中。我已經使用jquery的方法來檢查一個複選框選中引導多選中的複選框

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

但是當我檢查使用$(".checkbox option:selected)它不包括我progrmatically檢查複選框選中的複選框的數量。誰能幫我。爲引導產生

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>

來源

2016-06-08 user2083041

這隻能說明問題的一半。請包括這是行事的元素的代碼。例如，'$（「。checkbox」）'將匹配具有'class =「複選框」'的元素，但**不匹配'type =「checkbox」'的輸入元素。實際的問題可能是元素定義與jQuery的不一致（這裏SO常見）。在這種情況下這是必要的。 –

試試這個

$(".checkbox:checked")

來源

2016-06-08 06:47:05 Mairaj

與我上面提到的結果相同 – user2083041

發佈示例html – Mairaj

選中引導多選中的複選框

回答

相關問題