angular 单选按钮之间的默认选中问题
<label> <input type="radio" name="onoff" ng-checked="G24workData.onoff" ng-model="G24workData.onoff" ng-value="true"/> 开启 </label> <label> <input type="radio" name="onoff" ng-checked="!G24workData.onoff" ng-model="G24workData.onoff" ng-value="false"/> 关闭 </label>
这个就是正解,其中G24workData.onoff 应该是布尔值,之前一直不显示默认选中状态,纠结了好大一会,后来发现value 换成ng-value 之后就可以正常了。
以下是错误的写法
<label> <input type="radio" name="onoff" ng-checked="G24workData.onoff" ng-model="G24workData.onoff" value="true"/> 开启 </label> <label> <input type="radio" name="onoff" ng-checked="!G24workData.onoff" ng-model="G24workData.onoff" value="false"/> 关闭 </label>
总是不显示默认选中,不加入value 的属性的时候,则G24workData.onoff 的值输出为 undefined
<label> <input type="radio" name="onoff" ng-checked="G24workData.onoff==true" ng-model="G24workData.onoff" value="true"/> 开启 </label> <label> <input type="radio" name="onoff" ng-checked="G24workData.onoff==false" ng-model="G24workData.onoff" value="false"/> 关闭 </label>
也可以这样写,以绑定的值来判断是否选中。
以上为两种选择的情况下。
这是两种选项的单选按钮