angularjs怎么獲取默認選中的單選按鈕的value-創(chuàng)新互聯

小編給大家分享一下angularjs怎么獲取默認選中的單選按鈕的value,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

站在用戶的角度思考問題,與客戶深入溝通,找到三臺網站設計與三臺網站推廣的解決方案,憑借多年的經驗,讓設計與互聯網技術結合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:網站建設、做網站、企業(yè)官網、英文網站、手機端網站、網站推廣、域名注冊、網站空間、企業(yè)郵箱。業(yè)務覆蓋三臺地區(qū)。

在Html頁面中,有三個單選按鈕,默認選中的是第二個“重要”這個選項,設置ng-checked="true",把該選項默認選中,可是在提交表單時,卻提示$scope.level為undefine狀態(tài),明明默認選中了為什么卻是undefine呢?

于是,先測試了一把:在Html頁面寫下下面的代碼:

<span ><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”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注創(chuàng)新互聯成都網站設計公司行業(yè)資訊頻道!

另外有需要云服務器可以了解下創(chuàng)新互聯scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。

分享題目:angularjs怎么獲取默認選中的單選按鈕的value-創(chuàng)新互聯
分享地址:http://bm7419.com/article24/gjsje.html

成都網站建設公司_創(chuàng)新互聯,為您提供品牌網站建設、外貿建站、網站收錄用戶體驗、網站設計、微信小程序

廣告

聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯

成都網頁設計公司