如何默认选中单选按钮

时间:2015-09-01 04:32:23

标签: javascript html angularjs

我有3个单选按钮 - 全部,通过,失败。我希望默认情况下检查所有内容,并在ng-model中检查该单选按钮的值。

我怎样才能做到这一点?

如果我使用ng-checked =" true"它已经检查但是我没有在我的模型变量中获得选定无线电的值。

如果我使用checked ="选中"或检查这也没有给我模型中的价值 变量

input type="radio" value="all" ng-checked="true" ng-model="model" 

当我在我的控制器中访问$ scope.model时,在加载页面时我想要所有值。

任何有用的帮助

2 个答案:

答案 0 :(得分:0)

Demo

HTML

<section ng-app="app">
     <h2 ng-controller="controller">
                <input type="radio"  value="1" ng-model="ChkBox"/> Checkbox 1
                <input type="radio" value="2" ng-model="ChkBox"/> Checkbox 2
            </h2>
</section>

JS

var app = angular.module('app', []);
function controller($scope) {
    $scope.ChkBox = '1';   
}

答案 1 :(得分:0)

<div ng-app>
<div ng-init="x=1" />
<input type="radio" ng-model="x" value="1">1 <br/>
<input type="radio" ng-model="x" value="2">2 <br/>
<div>{{x}}</div>
</div>