1

我正在一个网站上工作,我需要在其中用复选框表示下拉列表中的许多项目。对于那个我使用引导下拉复选框列表为:

    <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>

现在我必须在按钮单击时获得所有选中的项目。对于那个我正在尝试但我没有得到这些物品..

4

2 回答 2

2

您可以使用此方法...

<script type="text/javascript">
$(function() {
$('#chkveg').multiselect({
includeSelectAllOption: true
});
$('#btnget').click(function() {
 alert($('#chkveg').val());})
});
</script>
于 2014-07-08T09:20:47.923 回答
1

我希望这对你有帮助。使用下拉列表中的复选框选择多个选项。jQuery 在下拉列表中使用复选框选择多个选项 Cheese Tomatoes Mozzarella Mushrooms Pepperoni Onions

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

你会得到这样的输出:

带有0个复选框的jQuery多选下拉菜单

于 2014-07-07T17:00:26.043 回答