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

原文: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事件：