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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關文章
本篇文章主要介紹了深入探究angular2 UI組件之primeNG用法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
本篇文章主要介紹了angular+webpack2實戰(zhàn)例子，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05
淺談angular4 ng-content 中隱藏的內(nèi)容
本篇文章主要介紹了淺談angular4 ng-content 中隱藏的內(nèi)容，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
AngularJs是Google開源的前端JS框架。使用AngularJs, 我們能夠容易地、健壯的開發(fā)出類似于Gmail一樣的單頁Web應用。這篇文章主要介紹了詳解angular中如何監(jiān)控dom渲染完畢，有興趣的可以了解一下。2017-01-01
angular5 httpclient的示例實戰(zhàn)
本篇文章主要介紹了angular5 httpclient的示例實戰(zhàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03
AngularJS實現(xiàn)的2048小游戲功能【附源碼下載】
這篇文章主要介紹了AngularJS實現(xiàn)的2048小游戲,可實現(xiàn)通過鍵盤W、S、A、D鍵控制上下左右移動進行游戲的功能,涉及AngularJS頁面元素動態(tài)操作及數(shù)值運算等相關操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2018-01-01
這篇文章主要介紹了AngularJS 單元測試（一）詳解的相關資料,需要的朋友可以參考下2016-09-09
Angularjs中如何使用filterFilter函數(shù)過濾
這篇文章主要介紹了Angularjs中如何使用filterFilter函數(shù)過濾的相關資料,需要的朋友可以參考下2016-02-02
在AngularJS中$interval用來處理間歇性處理一些事情,接下來通過本文給大家介紹AngularJS中$interval的用法，需要的朋友參考下2016-02-02
這篇文章主要介紹了基于AngularJS動態(tài)生成div的ID,本文介紹的非常詳細，具有參考借鑒價值，對angularjs動態(tài)生成div的id相關知識感興趣的朋友一起學習吧2016-08-08