Question

我想默认选择一个单选按钮。据我了解，我应该添加checked属性：

    <table>
                <tr>
                    <b> Storage </b>
                </tr>
                <tr>
                    <td>
                        <div class="form-group">
                            <input type="radio" name="store" value="local" ng-model="store" checked="checked" /> Local
                        </div>
                    </td>
                    <td>
                        <div class="form-group">
                            <input type="radio" name="store" value="second" ng-model="store" /> Second (Amazon)
                        </div>
                    </td>
                    <td>
                        <div class="form-group">
                            <input type="radio" name="store" value="cloud" ng-model="store" /> Cloud
                        </div>
                    </td>
                </tr>
   </table>

但默认情况下不检查Local（未选中任何内容）。为什么呢？

提前致谢

Answer 1

由于您使用的是角度，并且将单选按钮绑定到模型，因此其状态处理是基于模型的角度完成的。

因此，您应该将模型的store属性设置为无线电的值，而不是手动尝试设置无线电的已检查状态。

$scope.store = "local";

Answer 2

不要写checked="checked"这样做：

<input type="radio" name="store" value="local" ng-model="store" checked /> Local

Answer 3

使用checked属性。

<input type="radio" name="store" value="local" ng-model="store" checked /> Local

更新

您应该使用Angular附带的ngChecked指令 Doc: http://docs.angularjs.org/api/ng.directive:ngChecked

HTML /选择单选按钮不起作用

3 个答案: