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>

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

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

这是两种选项的单选按钮
posted @ 2017-09-28 18:02  RoadAspen  阅读(1627)  评论(0编辑  收藏  举报