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

另外，现在我们还在formData对象里增加了一个awesome变量。如果此时设置这个值为true，那么返回的值应该是ofCourse，如果设置为false，那么返回的值为iWish。

复选框

依据 官方说明文档, 这是和单选框不同之处:
 

<input type="radio" ng-model="string" value="string" [name="string"] [ng-change="string"] ng-value="string">

需要了解更多有关复选框的信息，请关注Angular 复选框说明文档.
单选按钮

单选按钮比复选框容易些，就在于无需存储多选项数据. 单选就是一个值. 下面添加一个单选按钮看看.
 

<!-- RADIO BUTTONS --> <label>Chicken or the Egg?</label> <div> <div> <label> <input type="radio" value="chicken" ng-model="formData.chickenEgg"> Chicken </label> </div> <div> <label> <input type="radio" value="egg" ng-model="formData.chickenEgg"> Egg </label> </div> </div>

就像这样，单选按钮就绑定到数据对象了.

单选按钮用法

据 官方文档, 这是提供的选项:
 

<input type="radio" ng-model="string" value="string" [name="string"] [ng-change="string"] ng-value="string">

您可能感兴趣的文章: