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>

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

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

这是两种选项的单选按钮


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM