angularJS的radio實現單項二選一的使用方法

廢話少說，直接上代碼：

 <div class="col-xs-3">
 <input type="radio" ng-value=1 ng-model="sss" name="aaa" >男
 </label>
 <label>
 <input type="radio" ng-value=0 ng-model="sss" name="aaa">女
 </label>
</div>
<div>
 {{sss}}
</div>

在ng中使用radio實現二選一的時候，需要注意幾個地方：

第一：保持name的屬性值要是一致的；

第二：保持ng-model對應同一個值；

第三：需要為每個radio設置ng-value，因為ng-model的對應的值就是選中的那個radio所對應的ng-value的值。

由此實現了單選，且能夠傳遞不同的值。

以上這篇angularJS的radio實現單項二選一的使用方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com