input[radio] in Angular.js problems undefined and unchecked

Question

I have two problems (maybe because of the same bug):

1.) I can't default check one radio button in my html page. All three radioboxes are unchecked.

2.) In my code the value for selectedValue is always undefined. The other value username works in my code. (But the value of selectedValue works in the "tt" section and will be changed when i click the radio buttons)

HTML Code:

<input class="login__input" type="text" name="username" ng-model="username" placeholder="Username" autocorrect="off" autocapitalize="off">

 <div class="radio__box">
      <label>
    <input type="radio" ng-model="selectedValue" value="value1" checked>
    Radio1
  </label><br/>
  <label>
    <input type="radio" ng-model="selectedValue" value="value2">
    Radio2
  </label><br/>
  <label>
    <input type="radio" ng-model="selectedValue" value="value3">
    Radio3
  </label><br/>

  <tt>selected = {{selectedValue}}</tt><br/>

  </div>

Javascript Code:

var username = $rootScope.username; // works
var selectedValue = $rootScope.selectedValue; // undefined

Any help would be great. Thanks in advance!

Try putting the label tag before the radio button instead of nesting the radio button inside the label tag — DieVeenman
– DieVeenman, Commented Aug 18, 2015 at 13:35
Any chance we could see your controller code? Where do you initialize $scope.selectedValue? — Fissio
– Fissio, Commented Aug 18, 2015 at 13:36
That's the solution :D. I somehow missed it in the controller. Thanks man! — Jonas
– Jonas, Commented Aug 18, 2015 at 13:40

Fissio · Accepted Answer · 2015-08-18 13:40:58Z

2

Here's a very simple plunk that demonstrates a working radio button with a default choice.

http://plnkr.co/edit/nTAcLlYIQk2Uk6887hPv?p=preview

JS:

angular.module('myApp', [])
.controller('myCtrl', function($scope) {
  $scope.selectedValue = "value1"
})

answered Aug 18, 2015 at 13:40

Fissio

3,75818 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jonas · Accepted Answer · 2015-08-18 13:41:59Z

0

Like Fissio pointed out, i missed to initialize the variable.

answered Aug 18, 2015 at 13:41

Jonas

2,2691 gold badge20 silver badges40 bronze badges

Collectives™ on Stack Overflow

input[radio] in Angular.js problems undefined and unchecked

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related