2013-10-20 17 views
1

我正在一個網站上工作,在該網站上我需要用複選框在下拉列表中表示許多項目。 對於讀音字使用引導下拉複選框列表爲:使用c#在asp.net中獲取引導程序下拉選框檢查值的選中項目#

<head id="Head1" runat="server"> 
    <title></title> 
    <!-- Include Twitter Bootstrap and jQuery: --> 
    <link rel="stylesheet" href="css/bootstrap-3.0.0.min.css" type="text/css" /> 
    <link rel="stylesheet" href="css/bootstrap-multiselect.css" type="text/css" /> 
    <link rel="stylesheet" href="css/prettify.css" type="text/css" /> 

    <script type="text/javascript" src="js/jquery-2.0.3.min.js"></script> 
    <script type="text/javascript" src="js/bootstrap-3.0.0.min.js"></script> 
    <script type="text/javascript" src="js/bootstrap-multiselect.js"></script> 
    <script type="text/javascript" src="js/prettify.js"></script> 

</head> 
<body> 
    <form id="form1" runat="server"> 
     <div> 

      <asp:DropDownList ID="ddlItems" multiple="multiple" runat="server"> 
       <asp:ListItem value="cheese">Cheese</asp:ListItem> 
       <asp:ListItem value="tomatoes">Tomatoes</asp:ListItem> 
       <asp:ListItem value="mozarella">Mozzarella</asp:ListItem> 
       <asp:ListItem value="mushrooms">Mushrooms</asp:ListItem> 
       <asp:ListItem value="pepperoni">Pepperoni</asp:ListItem> 
       <asp:ListItem value="onions">Onions</asp:ListItem> 

      </asp:DropDownList> 

      <asp:Button ID="sub" runat="server" OnClick="sub_Click" Text="submit" /> 
     </div> 
    </form> 
    <script type="text/javascript"> 
     $('#ddlItems').multiselect({ 
      buttonClass: 'btn btn-default btn-sm' 
     }); 
    </script> 
</body> 
</html> 

現在我已經獲得點擊按鈕的所有檢查項目。 爲我嘗試,但我沒有得到的項目..

回答

1

我希望這對你有幫助。通過下拉列表中的複選框選擇多個選項。 jQuery的下拉列表中選擇帶複選框多個選項 奶酪 西紅柿 馬蘇裏拉 蘑菇 辣 洋蔥

<script type="text/javascript"> 
$(function() { 
$('#chkveg').multiselect({ 
includeSelectAllOption: true 
}); 
$('#btnget').click(function() { 
alert($('#chkveg').val());}) 
}); 
</script> 
</div> 
</form> 
</body> 

,你會得到這樣的輸出:

jQuery multi select dropdown with0 checkboxes

2

您可以使用此方法對於...

<script type="text/javascript"> 
$(function() { 
$('#chkveg').multiselect({ 
includeSelectAllOption: true 
}); 
$('#btnget').click(function() { 
alert($('#chkveg').val());}) 
}); 
</script> 
相關問題