CheckBoxList 两列并排编译为表格显示

最新推荐文章于 2023-11-27 09:52:16 发布

最新推荐文章于 2023-11-27 09:52:16 发布 · 342 阅读

文章标签：

#javascript #ViewUI

本文介绍如何使用ASP.NET中的CheckBoxList控件实现水平显示及如何通过jQuery获取已选择的项。具体包括设置CheckBoxList的样式使其水平排列，并提供代码示例说明如何遍历并获取选中的项。

<asp:CheckBoxList ID="DDLGroups" runat="server" RepeatLayout="Table" RepeatColumns="2" RepeatDirection="Horizontal" style="border-collapse:collapse; line-height:18px;margin-left:2px;">
                                            </asp:CheckBoxList>

<style type="text/css">
    #DDLGroups{border-collapse:collapse; line-height:18px}
   #DDLGroups td{width:300px; border:1px solid #F0F8FF;padding-left:5px}
    
    </style>

获取所选值：

//获取联系人组
        $("#DDLGroups tbody tr td input:checkbox:checked").each(function () {
           alert($(this).parent().find("label").html())
        });