CheckBoxList两列并排编译为表格显示具体实现

 更新时间:2013年05月10日 16:52:20   作者:   我要评论

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())
});

相关文章

最新评论