angularjs怎么獲取默認(rèn)選中的單選按鈕的value

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

創(chuàng)新互聯(lián)建站專注于網(wǎng)站制作、網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站制作、網(wǎng)站開發(fā)。公司秉持“客戶至上,用心服務(wù)”的宗旨,從客戶的利益和觀點(diǎn)出發(fā),讓客戶在網(wǎng)絡(luò)營(yíng)銷中找到自己的駐足之地。尊重和關(guān)懷每一位客戶,用嚴(yán)謹(jǐn)?shù)膽B(tài)度對(duì)待客戶,用專業(yè)的服務(wù)創(chuàng)造價(jià)值,成為客戶值得信賴的朋友,為客戶解除后顧之憂。

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

于是,先測(cè)試了一把:在Html頁(yè)面寫下下面的代碼:

<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>

頁(yè)面第一次加載,雖然“重要”這個(gè)單選按鈕是默認(rèn)選中,但是頁(yè)面卻不顯示重要這個(gè)單選按鈕對(duì)應(yīng)的value,

點(diǎn)擊“緊急”按鈕,下面會(huì)顯示“緊急”按鈕的value,

原來,在頁(yè)面加載時(shí),$scope.level沒有被賦值,沒有初始值,即便 ng-checked="true",卻也不顯示默認(rèn)選中的值!需要在js中設(shè)置:$scope.level= "Important";這時(shí),刷新頁(yè)面,會(huì)默認(rèn)顯示選中的按鈕的value

以上是“angularjs怎么獲取默認(rèn)選中的單選按鈕的value”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!

文章標(biāo)題:angularjs怎么獲取默認(rèn)選中的單選按鈕的value
網(wǎng)頁(yè)地址:http://bm7419.com/article32/jdeipc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站網(wǎng)站排名、網(wǎng)站改版、動(dòng)態(tài)網(wǎng)站、營(yíng)銷型網(wǎng)站建設(shè)網(wǎng)站導(dǎo)航

廣告

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

外貿(mào)網(wǎng)站制作