angularjs 獲取默認選中的單選按鈕的value方法
更新時間：2018年02月28日 09:46:41 作者：Web魔法師
下面小編就為大家分享一篇angularjs 獲取默認選中的單選按鈕的value方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
在Html頁面中，有三個單選按鈕，默認選中的是第二個“重要”這個選項，設置ng-checked="true"，把該選項默認選中，可是在提交表單時，卻提示$scope.level為undefine狀態(tài),明明默認選中了為什么卻是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方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關文章
Angular中自定義Debounce Click指令防止重復點擊
本篇文章主要介紹了Angular中自定義Debounce Click指令詳解，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
AngularJS與BootStrap模仿百度分頁的示例代碼
分頁在很多時候都能用到，這篇文章主要介紹了AngularJS與BootStrap模仿百度分頁的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
本篇文章主要介紹了AngularJS 前臺分頁實現(xiàn)的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
本文主要給大家匯總了一下angular.element的方法，十分的詳細，這里推薦給大家 參考下。2015-01-01
AngularJS $on、$emit和$broadcast的使用
本文主要介紹AngularJS $on、$emit和$broadcast的使用,這里整理了詳細的資料及簡單示例代碼有興趣的小伙伴可以參考下2016-09-09
如何使用AngularJs打造權限管理系統(tǒng)【簡易型】
這篇文章主要介紹了使用AngularJs打造權限管理系統(tǒng)【簡易型】的相關資料,需要的朋友可以參考下2016-05-05
這篇文章主要給大家總結了一些關于Angular4 中入門常用的指令，文中通過示例代碼介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面來跟著小編一起學習學習吧。2017-06-06
Angular實現(xiàn)svg和png圖片下載實現(xiàn)
這篇文章主要介紹了Angular實現(xiàn)svg和png圖片下載實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-05-05
使用AngularJS2中的指令實現(xiàn)按鈕的切換效果
這篇文章主要介紹了使用AngularJS2中的指令實現(xiàn)按鈕的切換效果,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-03-03
這篇文章主要介紹了angular6的響應式表單的實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-10-10