码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-08-07 12:27:40      阅读:297      评论:0      收藏:0      [点我收藏+]

标签:blog   http   使用   数据   2014   ar   div   log   

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


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



新建一个实体Entity,作为checkbox list的数据源:
bubuko.com,布布扣

 

 创建视图方法与数据源在控制器:
bubuko.com,布布扣

 下面是创建一个视图:
bubuko.com,布布扣

 

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

下面是引用jQuery与自定义方法函数js库:
bubuko.com,布布扣

 

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



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

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


铵钮3事件,是获取选中选项的键值。
bubuko.com,布布扣


铵钮4事件,是获取选中选项的文本。
bubuko.com,布布扣


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

 

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


铵钮7事件,是对多选列表的选项,偶数选项为选中。
bubuko.com,布布扣



铵钮8事件:
bubuko.com,布布扣

MVC应用程序与多选列表(checkbox list),布布扣,bubuko.com

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

标签:blog   http   使用   数据   2014   ar   div   log   

原文地址:http://www.cnblogs.com/lschenblog/p/3896488.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!