How to set the default value for radio buttons in AngularJS?

前端 未结 5 512
星月不相逢
星月不相逢 2020-12-13 11:57

I need to make a system to change the total price by number of tickets selected. I created some radio buttons to choose the number of ticket. The ploblem is that the default

相关标签:
5条回答
  • 2020-12-13 12:40

    why not just ng-checked="true"

    0 讨论(0)
  • 2020-12-13 12:43

    Set a default value for people with ngInit

    <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>
    

    Demo: Fiddle

    0 讨论(0)
  • 2020-12-13 12:46
    <input type="radio" name="gender" value="male"<%=rs.getString(6).equals("male") ? "checked='checked'": "" %>: "checked='checked'" %> >Male
                   <%=rs.getString(6).equals("male") ? "checked='checked'": "" %>
    
    0 讨论(0)
  • 2020-12-13 12:47
    <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>
    
    0 讨论(0)
  • 2020-12-13 12:50

    In Angular 2 this is how we can set the default value for radio button:

    HTML:

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

    In the Component Class set the value of 'gender' variable equal to the value of radio button:

    gender = 'male';
    
    0 讨论(0)
提交回复
热议问题