C# 使用c获取asp.net中引导下拉复选框列表选中值的选中项#
我在一个网站上工作,我需要用复选框表示dropdownlist中的许多项目。 为此,我将引导下拉复选框列表用作:C# 使用c获取asp.net中引导下拉复选框列表选中值的选中项#,c#,jquery,twitter-bootstrap,C#,Jquery,Twitter Bootstrap,我在一个网站上工作,我需要用复选框表示dropdownlist中的许多项目。 为此,我将引导下拉复选框列表用作: <head id="Head1" runat="server"> <title></title> <!-- Include Twitter Bootstrap and jQuery: --> <link rel="stylesheet" href="css/bootstrap-3.0.0.min.c
<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>
奶酪
西红柿
莫泽雷勒干酪
蘑菇
意大利 辣味 香肠
洋葱
$('#ddletems')。多选({
按钮类:“btn btn默认btn sm”
});
现在我必须在单击按钮时获取所有选中项。
为此,我正在努力,但没有收到物品。我希望这对您有帮助。使用dropdownlist中的复选框选择多个选项。 jQuery使用dropdownlist中的复选框选择多个选项 奶酪 西红柿 莫泽雷勒干酪 蘑菇 意大利 辣味 香肠 洋葱
$(函数(){
$('#chkveg')。多选({
includeSelectAllOption:true
});
$('#btnget')。单击(函数(){
警报($('#chkveg').val();})
});
您将得到如下输出:
您可以使用此方法
<script type="text/javascript">
$(function() {
$('#chkveg').multiselect({
includeSelectAllOption: true
});
$('#btnget').click(function() {
alert($('#chkveg').val());})
});
</script>
$(函数(){
$('#chkveg')。多选({
includeSelectAllOption:true
});
$('#btnget')。单击(函数(){
警报($('#chkveg').val();})
});
<script type="text/javascript">
$(function() {
$('#chkveg').multiselect({
includeSelectAllOption: true
});
$('#btnget').click(function() {
alert($('#chkveg').val());})
});
</script>