angularjs1.x radio组checkbox组

Posted 谢皓宇

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angularjs1.x radio组checkbox组相关的知识,希望对你有一定的参考价值。

check组只要判断是否为true就可以

<span style=‘display:block;float:left;padding:7px;‘><input type=‘checkbox‘ ng-model="formDataObject.week.monday"  style=‘vertical-align:-2px;‘ />星期一</span>
<span style=‘display:block;float:left;padding:7px;‘><input type=‘checkbox‘ ng-model="formDataObject.week.tuesday"  style=‘vertical-align:-2px;‘ />星期二</span>
<span style=‘display:block;float:left;padding:7px;‘><input type=‘checkbox‘ ng-model="formDataObject.week.wednesday"  style=‘vertical-align:-2px;‘ />星期三</span>
<span style=‘display:block;float:left;padding:7px;‘><input type=‘checkbox‘ ng-model="formDataObject.week.thursday"  style=‘vertical-align:-2px;‘ />星期四</span>
<span style=‘display:block;float:left;padding:7px;‘><input type=‘checkbox‘ ng-model="formDataObject.week.friday"  style=‘vertical-align:-2px;‘ />星期五</span>
<span style=‘display:block;float:left;padding:7px;‘><input type=‘checkbox‘ ng-model="formDataObject.week.saturday"  style=‘vertical-align:-2px;‘ />星期六</span>
<span style=‘display:block;float:left;padding:7px;‘><input type=‘checkbox‘ ng-model="formDataObject.week.sunday"  style=‘vertical-align:-2px;‘ />星期日</span>

radio组,只要value赋值,就可以直接在对象中获取

<span style=‘display:block;float:left;padding:1px;‘><input type=‘radio‘ value="all"  ng-model="formObject.valueRange"  name="valueRange"  style=‘vertical-align:-2px;‘ />全部日期</span>
<span style=‘display:block;float:left;padding:1px;margin-left:30px;‘><input type=‘radio‘ value="week" ng-model="formObject.valueRange" name="valueRange"   style=‘vertical-align:-2px;‘ />按星期</span>
<span style=‘display:block;float:left;padding:1px;margin-left:30px;‘><input type=‘radio‘ value="date" ng-model="formObject.valueRange" name="valueRange"   style=‘vertical-align:-2px;‘ />按日期</span>

js取值为$scope.formObject.valueRange 选择全部  取值为all 选择按星期 取值为week

以上是关于angularjs1.x radio组checkbox组的主要内容,如果未能解决你的问题,请参考以下文章

Angular2 & angularjs1

AngularJS1.X版本基础

AngularJS1.X指令

angularjs1.x大漠穷秋视频代码

AngularJS1.X版本双向绑定九问

AngularJS1.X学习笔记13-动画和触摸