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