CODEWITHSUNDEEP
angularjstwitter-bootstrap
Michael
Michael

Reputation: 13616

How to make radio button selected by default?

I work on my angularjs project I use bootstrap3 .

I have those radio buttons:

<label class="radio-inline"><input type="radio" name="optradio" ng-click="toSeachBySiteNumber = false; list.filterArguments.siteDescription=null" selected>sites</label>
<label class="radio-inline"><input type="radio" name="optradio" ng-click="toSeachBySiteNumber = true; list.filterArguments.siteDescription=null">regions</label>

After page loaded I need by default sites radio button to be selected.

How can I implement it?

Upvotes: 0

Views: 124

Answers (2)

Natiq
Natiq

Reputation: 416

You should use checked attribute instead of selected attribute on sites radio button.

<label class="radio-inline"><input type="radio" name="optradio" ng-click="toSeachBySiteNumber = false; list.filterArguments.siteDescription=null" checked='checked'>sites</label>

<label class="radio-inline"><input type="radio" name="optradio" ng-click="toSeachBySiteNumber = true; list.filterArguments.siteDescription=null">regions</label>

JS Fiddle example.

Upvotes: 1

Nikhil Mohanan
Nikhil Mohanan

Reputation: 1260

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<label class="radio-inline"><input type="radio" name="optradio" ng-click="toSeachBySiteNumber = false; list.filterArguments.siteDescription=null" ng-model="modelVar" ng-init="modelVar=true" ng-value="true">sites</label>
<label class="radio-inline"><input type="radio" name="optradio" ng-click="toSeachBySiteNumber = true; list.filterArguments.siteDescription=null">regions</label>

use ng-value="true"

Upvotes: 0

Related Questions