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

  • 相关阅读:
    kettle-学习参考
    spring retry 重试机制完整例子
    一个四五年的Java开发程序员,该准备哪些去面试?
    Java之io nio aio 的区别
    Java对象的存活判断
    Java+微信支付(下预购单+回调+退款+查询账单)
    Java +支付宝 +接入
    关于MQ 消息队列的通俗理解和 rabbitMQ 使用
    java 对接芝麻信用 -用芝麻私钥解密错误
    mysql 乐观判断 校验
  • 原文地址:https://www.cnblogs.com/xiehaoyu/p/10272527.html
Copyright © 2011-2022 走看看