服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - ASP.NET教程 - CheckBoxList两列并排编译为表格显示具体实现

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

2019-11-06 10:44asp.net技术网 ASP.NET教程

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

延伸 · 阅读

精彩推荐