MVC应用程序与单选列表

前几天,Insus.NET有在MVC应用程序中,练习了《MVC应用程序,动态创建单选列表(RadioButtonList)http://www.cnblogs.com/insus/p/3551348.html 只是使用jQuery来动态创建了Radio的单选列表。为了更全面的了解单选列表(RadioButton List)与jQuery在MVC应用程序应用。Insus.NET再次练习。此次所有练习效果如下:


下面我们一步一步来完成此练习,先是在MVC应用程序中创建一个model:

 

创建一个Entity,由于上一个练习已经创建好了,我们只管添加实体好了:

在Home控制添加一个视图方法以及单选项的数据源:

 

 创建一个视图:

 

上图中,高亮的div将用来加载jQuery动态生成的单选项列表。其余5个铵钮功能,稍后一一演示。

先要在视图中,引用jQuery库:

 

 然后是动态产生单选列表:


铵钮1是把单选列表中被选中的选项清除:


铵钮2是获取单选列表选中选项的索引:

铵钮3是获取单选列表中选中的选项的键值:

铵钮4是获取单选列表中选中的选项的显示文本:


铵钮5,是根据值或文本来设置单选列表的选项为选中:


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