首頁 > web前端 > js教程 > 主體

angularjs中取得單選按鈕的方法

php中世界最好的语言
發布: 2018-04-12 15:35:49
原創
1862 人瀏覽過

這次帶給大家angularjs中取得單選按鈕的方法,angularjs中取得單選按鈕的注意事項有哪些,以下就是實戰案例,一起來看一下。

在Html頁面中,有三個單選按鈕,預設選中的是第二個「重要」這個選項,設定ng-checked="true",把該選項預設選中,可是在提交表單時,卻提示$scope. level為undefine狀態,明明預設選取了為什麼卻是undefine呢?

於是,先測試了一把:在Html頁面寫下下面的程式碼:

   

               

    

 {{ level }}

    //显示单选按钮选中的value 

登入後複製

頁面第一次加載,雖然「重要」這個單選按鈕是預設選中,但是頁面卻不顯示重要這個單選按鈕對應的value,

點選「緊急」按鈕,下面會顯示「緊急」按鈕的value,

# 原來,在頁面載入時,$scope.level沒有被賦值,沒有初始值,即便 ng-checked="true",卻也不顯示預設選取的值!需要在js中設定:$scope.level= "Important";這時,刷新頁面,會默認顯示選中的按鈕的value

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

readline怎麼逐行讀取並寫入內容

vue判斷input輸入內容有否有空格

#

以上是angularjs中取得單選按鈕的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!