1. 程式人生 > >angularJS的radio實現單項二選一的使用

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的值。
由此實現了單選,且能夠傳遞不同的值。