透過angularJS中的radio實作單項二選一的使用方法（詳細教學）

下面我就為大家分享一篇angularJS的radio實現單項二選一的使用方法，具有很好的參考價值，希望對大家有所幫助。

廢話少說，直接上程式碼：

#

 <p 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>
</p>
<p>
 {{sss}}
</p>

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

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

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

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

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

上面是我整理給大家的，希望今後對大家有幫助。

相關文章：

react-native-video實作影片全螢幕播放的方法

Angular學習筆記之整合三方UI框架、控制項的範例

JavaScript 五大常見函數

########################### ##

以上是透過angularJS中的radio實作單項二選一的使用方法（詳細教學）的詳細內容。更多資訊請關注PHP中文網其他相關文章！