如何為默認單選按鈕設置一個值？

Question

常見問題：除非從輸入中刪除value屬性，否則無法在單選組中設置默認單選按鈕。

具體說明：每個輸入都有一個所需的值，因為在應用程序的其他位置，Angular正在使用它。 因此，我需要知道如何將輸入設置為默認選中，同時保留輸入上的值。 如果我嘗試使用jQuery而不是HTML添加檢查，它具有相同的行為。

我已經看了幾個相關的問題，包括這里。 具體問題是我需要具有值，並且能夠將一個輸入設置為默認值。 第一個輸入設置為選中，但是除非我從該輸入中刪除該值，否則它實際上不起作用。

這是HTML：

<div class="radio">
   <label>
        <input type="radio" ng-model="optionsRadios" id="new" value="new" checked>
        New
   </label>

   <label>
        <input type="radio" ng-model="optionsRadios" id="used" value="used">
        Used
   </label>

   <label >
         <input type="radio" ng-model="optionsRadios" id="broken" value="broken">
         Broken
   </label>
</div>

Answer 1

您必須使用ng-checked="true"而不是checked

<input type="radio" ng-model="optionsRadios" id="new" value="new" ng-checked="true">

 <!DOCTYPE html> <html> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> <body ng-app=""> <p>My cars:</p> <input type="radio" ng-model="all" value="Volvo" ng-checked="true">Volvo<br> <input type="radio" ng-model="all" value="Ford">Ford<br> <input type="radio" ng-model="all" value="Mercedes">Mercedes </body> </html>

Answer 2

如果您有一組單選按鈕，並且要基於模型設置選中單選按鈕，則會自動檢查具有相同值和ng-model的單選按鈕。

<input type="radio"
ng-model="optionsRadio" value="1" >
<input type="radio"
ng-model="optionsRadio" value="2" >
<input type="radio"
ng-model="optionsRadio" value="3" >

如果optionsRadio的值為“ 2”，則將自動選擇第二個單選按鈕。

在您的情況下：啟動控制器時，您要做的就是為模型分配一個值，以使至少一個單選按鈕保持選中狀態。

控制器部分：

$scope.optionsRadio = "new";

表單部分：

<input type="radio" ng-model="optionsRadio" value="new" >
<input type="radio" ng-model="optionsRadio" value="used" >
<input type="radio" ng-model="optionsRadio" value="broken" >

第一個單選按鈕將被自動選擇。

注意：如果value不起作用，則可以使用ng-value 。

如何為默認單選按鈕設置一個值？

問題描述

2 個解決方案

解決方案1
2 已采納 2016-06-30 00:36:59

解決方案2
1 2016-06-30 00:50:36

如何為默認單選按鈕設置一個值？

問題描述

2 個解決方案

解決方案1 2 已采納 2016-06-30 00:36:59

解決方案2 1 2016-06-30 00:50:36

解決方案1
2 已采納 2016-06-30 00:36:59

解決方案2
1 2016-06-30 00:50:36