angularjs中只顯示選中的radio的值


angularjs中,只顯示選中的radio的值。主要是相同的radio,name屬性值要相同還有ng-model的值要相同,同時要指定value值。這樣選中的時候就會在下面的div中顯示選中的值了。

/*文件引用等省略*/
<
div class="showType">
   <label for="oneLine"><input type="radio" id="oneLine" name="showLine" ng-model="line" value="oneLine" />顯示一列</label>
   <label for="twoLine"><input type="radio" id="twoLine" name="showLine" ng-model="line" value="twoLine"/> 顯示兩列</label>
   <label for="allOver"><input type="radio" id="allOver" name="showType" ng-model="type" value="allOver"/> 全屏展示</label>
    <label for="smallOver"><input type="radio" id="smallOver name="showType" ng-model="type" value="smallOver"/> 還原窗口</label>
 </div>

<div>
  {{line}}{{type}}
</div>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。