MVC应用程序与多选列表(checkbox list)

程序中,经常会使用checkbox lsit来呈现数。能让用户有多选项目。此博文Insus.NET练习的checkbox list相关各个功能,效果演示如下:



下面是实现过程,首先在MVC应用程序下,创建一个model:




新建一个实体Entity,作为checkbox list的数据源:

 

 创建视图方法与数据源在控制器:

 下面是创建一个视图:

 

一个Div标签,是用来动态加载checkbox list的,另外还是有8个铵钮,将来实现checkbox list相关的一些功能。

下面是引用jQuery与自定义方法函数js库:

 

现在我们可以根据上面写好的数据源,用jQuery来动态生成checkbox list了:



铵钮1事件,清除所有选中的选项,算得上是初始化。

铵钮2事件,获取选中选项的索引,它是从0开始计算。


铵钮3事件,是获取选中选项的键值。


铵钮4事件,是获取选中选项的文本。


铵钮5事件,是对checkbox list多选列表,进行全部选取。

 

铵钮6事件,是对多选列表的选项进行反选,选中的改变uncheck,而原本是uncheck的,改变为checked。


铵钮7事件,是对多选列表的选项,偶数选项为选中。




铵钮8事件:

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。