如何在AngularJS中设置单选按钮的默认值?

时间:2013-04-05 12:13:59

标签: angularjs

我需要建立一个系统来根据所选票数改变总价。我创建了一些单选按钮来选择票数。问题是默认值未设置,加载时结果为空。

<input type="radio" ng-model="people" value="1" checked="checked"><label>1</label>
<input type="radio" ng-model="people" value="2"><label>2</label>
<input type="radio" ng-model="people" value="3"><label>3</label>
<ul>
  <li>{{10*people}}€</li>
  <li>{{8*people}}€</li>
  <li>{{30*people}}€</li>
</ul>

Please see my jsfiddle.

5 个答案:

答案 0 :(得分:111)

使用ngInit

people设置默认值
<div ng-app>
    <div ng-init="people=1" />
        <input type="radio" ng-model="people" value="1"><label>1</label>
        <input type="radio" ng-model="people" value="2"><label>2</label>
        <input type="radio" ng-model="people" value="3"><label>3</label>
    <ul>
        <li>{{10*people}}€</li>
        <li>{{8*people}}€</li>
        <li>{{30*people}}€</li>
    </ul>
</div>

演示:Fiddle

答案 1 :(得分:20)

<div ng-app="" ng-controller="myCntrl">    
        <input type="radio" ng-model="people" value="1"/><label>1</label>
        <input type="radio" ng-model="people" value="2"/><label>2</label>
        <input type="radio" ng-model="people" value="3"/><label>3</label>
</div>
<script>
    function myCntrl($scope){
        $scope.people=1;
    }
</script>

答案 2 :(得分:13)

为什么不只是ng-checked="true"

答案 3 :(得分:1)

在Angular 2中,我们可以设置单选按钮的默认值:

HTML:

<label class="form-check-label">
          <input type="radio" class="form-check-input" name="gender" 
          [(ngModel)]="gender" id="optionsRadios1" value="male">
          Male
</label>

在Component Class中,将'gender'变量的值设置为等于   单选按钮:

gender = 'male';

答案 4 :(得分:-6)

<input type="radio" name="gender" value="male"<%=rs.getString(6).equals("male") ? "checked='checked'": "" %>: "checked='checked'" %> >Male
               <%=rs.getString(6).equals("male") ? "checked='checked'": "" %>