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

简介: 原文:MVC应用程序与多选列表(checkbox list)程序中,经常会使用checkbox lsit来呈现数。能让用户有多选项目。此博文Insus.NET练习的checkbox list相关各个功能,效果演示如下:下面是实现过程,首先在MVC应用程序下,创建一个model:新建一个实体Entity,作为checkbox list的数据源:    创建视图方法与数据源在控制器:  下面是创建一个视图:   一个Div标签,是用来动态加载checkbox list的,另外还是有8个铵钮,将来实现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事件:

目录
相关文章
|
3天前
|
XML 存储 JavaScript
DOM 节点列表(Node List)
XML DOM允许访问XML文档的每个节点,提供三种访问方法:getElementsByTagName()、循环遍历和导航节点关系。getElementsByTagName()返回一个节点列表,类似于数组,可用于获取特定标签名的节点。例如,加载"books.xml"后,`xmlDoc.getElementsByTagName("title")`会获取所有<title>元素,存储在变量x中。通过索引如x[2]可访问第三个<title>元素,注意索引从0开始。后续章节将进一步探讨节点列表(Node List)。
|
21小时前
|
XML JavaScript 数据格式
DOM 节点列表长度(Node List Length)
`length`属性用于获取DOM节点列表的元素数量。在示例中,加载"books.xml"后,通过getElementsByTagName("title")获取标题节点列表,然后使用`for`循环遍历列表,输出每个标题的文本内容。此代码演示了如何处理XML文档中的节点集合。
|
3天前
|
JavaScript
DOM 节点列表长度(Node List Length)
`length`属性用于获取DOM节点列表的长度,允许遍历和处理节点。例如,加载"books.xml"到`xmlDoc`,通过`getElementsByTagName("title")`获取所有标题节点,然后使用循环输出每个<title>元素的文本内容。
|
3天前
|
XML 数据格式
节点列表长度(Node List Length)
`NodeList`对象自动更新,其`length`属性表示列表中节点数量。例如,加载"books.xml"后,`getElementsByTagName('title').length`返回`4`。此属性可用来遍历列表,如示例所示,遍历所有`<title>`元素并打印其文本内容:Everyday Italian, Harry Potter, XQuery Kick Start, Learning XML。
|
3天前
|
Python
【Python 基础】列表(list)和元组(tuple)有什么区别?
【5月更文挑战第6天】【Python 基础】列表(list)和元组(tuple)有什么区别?
|
3天前
|
XML 数据格式
节点列表长度(Node List Length)
`Node List`对象自动更新,其`length`属性表示列表中节点数量。在给定示例中,代码加载"books.xml",并利用`getElementsByTagName('title')`获取<title>元素的数量,结果为4。`length`也可用于遍历列表,如示例所示,遍历并打印所有<title>元素的文本内容:Everyday Italian, Harry Potter, XQuery Kick Start, Learning XML。
|
3天前
|
XML JavaScript 数据格式
DOM 节点列表长度(Node List Length)
`length`属性用于获取DOM节点列表的长度,例如在XML文档中,通过`getElementsByTagName()`获取的所有`<title>`元素的数量。可以遍历这个列表,如示例所示,使用`for`循环访问并输出每个节点的文本值。在提供的实例中,代码加载"books.xml",然后获取并打印所有<title>元素的子节点值。
|
3天前
|
存储 索引 Python
多数pythoneer只知有列表list却不知道python也有array数组
多数pythoneer只知有列表list却不知道python也有array数组
27 0
|
3天前
四种解决”Arg list too long”参数列表过长的办法
这些方法都可以帮助你避免因参数列表过长而导致的错误。选择方法取决于具体情况和需求。
16 0
|
3天前
|
索引 容器
06-python数据容器-list列表定义/list的10个常用操作/列表的遍历/使用列表取出偶数
06-python数据容器-list列表定义/list的10个常用操作/列表的遍历/使用列表取出偶数