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>

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

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

    这是两种选项的单选按钮
  • 相关阅读:
    后可视化编程
    查看图片前进后退效果图
    [置顶] 后可视化编程
    xCAT安装配置文档
    jQuery邮箱验证
    2011级csdnjava张侃—Spring(1)
    [置顶] 后可视化编程时代
    php中Session使用方法详解
    关于浏览器ip代理导致定位错乱问题的坑
    PHPStorm使用技巧及快捷键
  • 原文地址:https://www.cnblogs.com/RoadAspenBK/p/7607876.html
Copyright © 2011-2022 走看看