html 复选框列表,HTML复选框中选择列表

我试图建立一个选择列表中的复选框列表(如一个国家在这里:link text)HTML复选框中选择列表

我使用Asp.net MVC所以它必须是纯/ html & |的JavaScript/JQuery的。这可能吗?或者是否已经有一个可以下载的prebuild?

感谢

剥去HTML/CSS:

body { background-color: #FFFFFF; font-family: Tahoma; font-size: 11px; }

/* Control Skin */

input { font: normal 11px Tahoma; }

div.ctrl { background-color: window; border: solid 1px ThreeDLightShadow; vertical-align: top; margin: 0; padding: 0; width: 268px; }

input.Button { background: #2F89BD url('images/btn_default%20gradient.gif') repeat-x; cursor: pointer;

height: 24px; color: #FFF; border: solid 1px #2F82BE; padding: 0 10px; width: auto;

overflow: visible; }

input.TextBox { border: solid 1px ThreeDLightShadow; height: 16px; padding-top: 2px; text-indent: 2px; width: 150px; }

/* For MultiSelectControl */

.ms_multiSelector { position: absolute; display:inline ; border: 1px solid ThreeDLightShadow; width: 268px; z-index: 100; }

.MultiSelectControl_txtInput { width: 240px; border: none 0; margin: 5px 0 0 5px; padding: 0; vertical-align: top; }

.ms_selectListWrapper { padding: 0; margin: 0; }

.ms_selectList { background-color: #FFFFFF; overflow: auto; height: 265px; _height: 150px; /* For IE 6 */ }

.ms_chkSelectAll { padding-left: 3px; }

.selectList_Wrapper { padding: 0; margin: 0; }

.multiSelectorCountry { position: relative; clear: both; display: none; border: 1px solid ThreeDLightShadow; width: 275px; }

.multiSelector { position: absolute; visibility: hidden; border: 1px solid ThreeDLightShadow; width: 275px; }

.mutliselect_container { padding: 0; margin: 0; border: 0; display: inline; }

.chkSelectAll { padding-left: 3px; }

.selectList { background-color: #FFFFFF; overflow: auto; height: 200px; _height: 150px; /* For IE 6 */ }

.chklstSelect INPUT { float: left; width: 20px; /* To align the chkbox text in FF */ }

.chklstSelect LABEL { text-align: left; float: right; width: 230px; /* To align the chkbox text in FF */ }

#imgMultiSelectArrow { width: 20px; height: 20px; margin-left: 300px; padding-left: 300px; }

.multiselect_close { padding: 4px 0; float: right; width: 65px; background: transparent url(https://careers.microsoft.com/images/close_btn.gif) no-repeat 33px center; }

Untitled Page

Show/Hide

Select All

Business Services & Administration

Customer Service & Support

+0

感谢您输入家伙。我已经把网站上的一些html(上图)撕掉了。我会去玩一下,看看会发生什么。 –

2009-10-01 10:51:28

+4

我结束了使用这一个:http://code.google.com/p/dropdown-check-list/ –

2009-11-18 12:48:30

参与评论 您还未登录,请先 登录 后发表或查看评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:游动-白 设计师:我叫白小胖 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值