在Html頁面中,有三個單選按鈕,默認選中的是第二個“重要”這個選項,設置ng-checked="true",把該選項默認選中,可是在提交表單時,卻提示$scope.level為undefine狀態,明明默認選中了為什么卻是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> 頁面第一次加載,雖然“重要”這個單選按鈕是默認選中,但是頁面卻不顯示重要這個單選按鈕對應的value,
點擊“緊急”按鈕,下面會顯示“緊急”按鈕的value,
原來,在頁面加載時,$scope.level沒有被賦值,沒有初始值,即便 ng-checked="true",卻也不顯示默認選中的值!需要在js中設置:$scope.level= "Important";這時,刷新頁面,會默認顯示選中的按鈕的value:
以上這篇angularjs 獲取默認選中的單選按鈕的value方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。
新聞熱點
疑難解答