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

使用AngularJS处理单选框和复选框的简单方法

时间:2017-02-02 13:58:40      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:mod   处理   angular   http   alt   html   name   单选   value   

在复选框中,可以绑定ng-model给false或者true值,即可选中或清除选中状态

如下图

技术分享

 

 

而在单选框里就相对复杂一点,单选框要选中一个,就要给相同的name属性,然后绑定相同的ng-model,给代表各自的value值,如图

html

技术分享

JS部分  就是你想让谁选中,就给$scope.edit.sort 这个value值就行了,我这个是后台传过来的

技术分享

 

使用AngularJS处理单选框和复选框的简单方法

标签:mod   处理   angular   http   alt   html   name   单选   value   

原文地址:http://www.cnblogs.com/bruce-gou/p/6361108.html

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