CheckBoxList多選樣式jquery、C#擷取選擇項_jquery

複製代碼 代碼如下:

.checkboxlist label
{
margin-right: 20px;
}

複製代碼 代碼如下:

var label;
$("#ddlplatform input:checkbox:checked").each(function () {
label += $(this).next().html();
});

複製代碼 代碼如下:

<asp:CheckBoxList ID="ddlplatform" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow"
CssClass="checkboxlist">
<asp:ListItem Value="APP">APP</asp:ListItem>
<asp:ListItem Value="移動觸屏">移動觸屏</asp:ListItem>
<asp:ListItem Value="PC">PC</asp:ListItem>
<asp:ListItem Value="微信">微信</asp:ListItem>
<asp:ListItem Value="微博">微博</asp:ListItem>
</asp:CheckBoxList>

複製代碼 代碼如下:

//使用平台
string Platfrom = string.Empty;
foreach (ListItem li in this.ddlplatform.Items)
{
if (li.Selected)
{
Platfrom += li.Text + ",";
}
}
Platfrom = Platfrom.TrimEnd(',');