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

  • 相关阅读:
    C# 收集几条ToString()格式
    C# 使用Quartz简单实例以及备忘
    C# Linq 常用查询操作符
    .Net Core 创建和使用中间件
    .Net Core 学习依赖注入自定义Service
    .Net Core 学习路由和请求参数传递
    .Net Core 学习新建Core MVC 项目
    ExtJS笔记5 Components
    ExtJS笔记4 容器与布局(Layouts and Containers)
    ExtJS笔记3 MVC Architecture
  • 原文地址:https://www.cnblogs.com/xiehaoyu/p/10272527.html
Copyright © 2011-2022 走看看