WEB开发技术

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

程序中,经常会使用checkbox list来呈现数。能让用户有多选项目。此博文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事件:

 

未经允许不得转载:WEB2.0开发设计 » MVC应用程序与多选列表(checkbox list)
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

大前端WP主题 更专业 更方便

联系我们联系我们