zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    Hadoop.2.x_集群初建
    Hadoop.2.x_网站PV示例
    Hadoop_简单操作ZooKeeper
    Hadoop.2.x_时间服务器搭建(CentOs6.6)
    Linux_Scp命令
    Java_Eclipse_Maven环境搭建
    Java_Eclipse_Maven插件部署
    HDU 1394 线段树or 树状数组~
    hdu
    HDU 4070 + 赤裸裸的贪心~~
  • 原文地址:https://www.cnblogs.com/xiehaoyu/p/10272527.html
Copyright © 2011-2022 走看看