如何在asp.net的Dropdownlist中创建CheckBox，代码为pls no links

Question

我想仅使用c＃代码在DropDownlist中实现Checkbox，如果可能，我想在dropdownlist中使用此复选框作为userControl请帮助我。

Answer 1

您可以使用jQuery Bootstrap Multi-Select Plugin（如

）在下拉列表中创建多个复选框

为了在ASP.Net中使用CheckBoxes实现Multiple Select（MultiSelect）DropDownList，我们需要使用ListBox控件并将jQuery Bootstrap Multi-Select插件应用于它。

下载Bootstrap和jQuery Bootstrap Multi-Select插件 下载位置如下。 引导 http://getbootstrap.com/

jQuery BootStrap多选插件 您需要从以下位置下载插件文件。 https://github.com/davidstutz/bootstrap-multiselect/ 完整的文档可以在下一页阅读。 http://davidstutz.github.io/bootstrap-multiselect/

HTML标记 - HTML标记由ASP.Net ListBox和Button控件组成。

<asp:ListBox ID="lstFruits" runat="server" SelectionMode="Multiple">
    <asp:ListItem Text="Mango" Value="1" />
    <asp:ListItem Text="Apple" Value="2" />
    <asp:ListItem Text="Banana" Value="3" />
    <asp:ListItem Text="Guava" Value="4" />
    <asp:ListItem Text="Orange" Value="5" />
</asp:ListBox>
<asp:Button Text="Submit" runat="server" OnClick="Submit" />

将jQuery Bootstrap Multi-Select插件应用于ListBox控件 您需要做的第一件事是继承以下JavaScript和CSS文件。 1. jQuery JS文件 2.引导JavaScript和CSS文件。 3. jQuery BootStrap多选插件JavaScript和CSS文件。 继承所有文件之后，我们只需将插件应用于jQuery文档就绪事件处理程序中的ListBox。

该插件支持各种选项，我在这里使用includeSelectAllOption，它在指定时添加Select all CheckBox并设置为True。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css"
    rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link href="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/css/bootstrap-multiselect.css" rel="stylesheet" type="text/css" />
<script src="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        $('[id*=lstFruits]').multiselect({
            includeSelectAllOption: true
        });
    });
</script>


protected void Submit(object sender, EventArgs e)
{
    string message = "";
    foreach (ListItem item in lstFruits.Items)
    {
        if (item.Selected)
        {
            message += item.Text + " " + item.Value + "\\n";
        }
    }
    ClientScript.RegisterClientScriptBlock(this.GetType(), "alert", "alert('" + message + "');", true);
}

有关完整源代码，请浏览此链接Click Here