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

  • 相关阅读:
    Linux CAT与ECHO命令详解
    查看linux版本信息
    kubernetes(一)
    Chrome不安装插件实现页面长截图
    centos 升级glibc-2.17
    redis修改大key报Argument list too long的解决办法
    mysql打印用户权限的小技巧
    Centos6.5 自带的Python2.6.6 如何安装setuptools和pip
    TCP三次握手过程中涉及的队列知识的学习
    Docker volume权限导致的几个问题
  • 原文地址:https://www.cnblogs.com/xiehaoyu/p/10272527.html
Copyright © 2011-2022 走看看