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>

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

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

    这是两种选项的单选按钮
  • 相关阅读:
    leetcode-409
    leetcode-836
    leetcode-1160
    leetcode-面试题13
    leetcode-695
    go的一些小lib
    leetcode-300
    cookie
    php上传文件
    PHP 文件创建/写入
  • 原文地址:https://www.cnblogs.com/RoadAspenBK/p/7607876.html
Copyright © 2011-2022 走看看