這次帶給大家angularjs中取得單選按鈕的方法，angularjs中取得單選按鈕的注意事項有哪些，以下就是實戰案例，一起來看一下。
在Html頁面中，有三個單選按鈕，預設選中的是第二個「重要」這個選項，設定ng-checked="true"，把該選項預設選中，可是在提交表單時，卻提示$scope. level為undefine狀態,明明預設選取了為什麼卻是undefine呢？
於是，先測試了一把：在Html頁面寫下下面的程式碼：
<span style="font-size:18px;"><p ng-controller="testCtrl">
<p >
<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>
</p>
<p> {{ level }}</p> //显示单选按钮选中的value
</p></span>頁面第一次加載，雖然「重要」這個單選按鈕是預設選中，但是頁面卻不顯示重要這個單選按鈕對應的value，
點選「緊急」按鈕，下面會顯示「緊急」按鈕的value，
# 原來，在頁面載入時，$scope.level沒有被賦值，沒有初始值，即便 ng-checked="true"，卻也不顯示預設選取的值！需要在js中設定：$scope.level= "Important";這時，刷新頁面，會默認顯示選中的按鈕的value
相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
推薦閱讀：
#以上是angularjs中取得單選按鈕的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
