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的值。html

由此實現了單選,且可以傳遞不一樣的值。code

相關文章
相關標籤/搜索