zoukankan      html  css  js  c++  java
  • angular 单选按钮之间的默认选中问题

    <label>
        <input type="radio" name="onoff" ng-checked="G24workData.onoff" ng-model="G24workData.onoff" ng-value="true"/>
        &nbsp;开启&nbsp;
    </label>
    <label>
        <input type="radio" name="onoff" ng-checked="!G24workData.onoff" ng-model="G24workData.onoff" ng-value="false"/>
        &nbsp;关闭
    </label>

    这个就是正解,其中G24workData.onoff 应该是布尔值,之前一直不显示默认选中状态,纠结了好大一会,后来发现value 换成ng-value 之后就可以正常了。 

    以下是错误的写法
    <label>
        <input type="radio" name="onoff" ng-checked="G24workData.onoff" ng-model="G24workData.onoff" value="true"/>
        &nbsp;开启&nbsp;
    </label>
    <label>
        <input type="radio" name="onoff" ng-checked="!G24workData.onoff" ng-model="G24workData.onoff" value="false"/>
        &nbsp;关闭
    </label>

    总是不显示默认选中,不加入value 的属性的时候,则G24workData.onoff 的值输出为 undefined

    <label>
        <input type="radio" name="onoff" ng-checked="G24workData.onoff==true" ng-model="G24workData.onoff" value="true"/>
        &nbsp;开启&nbsp;
    </label>
    <label>
        <input type="radio" name="onoff" ng-checked="G24workData.onoff==false" ng-model="G24workData.onoff" value="false"/>
        &nbsp;关闭
    </label>

    也可以这样写,以绑定的值来判断是否选中。

    以上为两种选择的情况下。

    这是两种选项的单选按钮
  • 相关阅读:
    Android 数据存储之 SQLite数据库存储
    Android 数据存储之 SharedPreferences储存
    Android 数据存储之 文件存储
    SSTABLE简介
    zookeeper原理
    改变win7驱动图标
    也谈谈拖延癌
    STM32f103之外部中断
    LPC1768/1769之CAN控制器概述(附库函数下载地址)
    Silicon C8051F340之时钟系统
  • 原文地址:https://www.cnblogs.com/RoadAspenBK/p/7607876.html
Copyright © 2011-2022 走看看