在Html頁面中，有三個單選按鈕，默認(rèn)選中的是第二個“重要”這個選項(xiàng)，設(shè)置ng-checked="true"，把該選項(xiàng)默認(rèn)選中，可是在提交表單時(shí)，卻提示$scope.level為undefine狀態(tài),明明默認(rèn)選中了為什么卻是undefine呢？

于是，先測試了一把：在Html頁面寫下下面的代碼：

<span style="font-size:18px;"><div ng-controller="testCtrl">  <div >   <label >    <input type="radio" value="Normal" ng-model="level" name="level"    >一般   </label>   <label >    <input type="radio" value="Important" ng-model="level" name="level"      ng-checked="true"    >重要   </label>   <label >    <input type="radio" value="Urgent" ng-model="level" name="level"    >緊急   </label>    </div>   <div> {{ level }}</div>    //顯示單選按鈕選中的value </div></span> 

頁面第一次加載，雖然“重要”這個單選按鈕是默認(rèn)選中，但是頁面卻不顯示重要這個單選按鈕對應(yīng)的value，

點(diǎn)擊“緊急”按鈕，下面會顯示“緊急”按鈕的value，

原來，在頁面加載時(shí)，$scope.level沒有被賦值，沒有初始值，即便 ng-checked="true"，卻也不顯示默認(rèn)選中的值！需要在js中設(shè)置：$scope.level= "Important";這時(shí)，刷新頁面，會默認(rèn)顯示選中的按鈕的value：

以上這篇angularjs 獲取默認(rèn)選中的單選按鈕的value方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。