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

  • 相关阅读:
    新版vscode配置eslint自动格式化代码
    vue cli4 拿到一个项目后
    windows 网页打不开github网站
    PHP+jQuery-ui拖动浮动层排序并保存到数据库实例
    php+html5兼容手机端的图片选取裁剪上传实例
    PHP+MySQL设计高效发表评论留言功能
    5种PHP生成图片验证码实例
    PHP+jPaginate插件制作无刷新分页实例
    PHP+Mysql实现网站顶和踩投票功能实例
    jQuery+PHP实现购物商城常用的星级评分效果
  • 原文地址:https://www.cnblogs.com/xiehaoyu/p/10272527.html
Copyright © 2011-2022 走看看