如何默认选中单选按钮?

时间:2016-10-30 11:45:49

标签: angularjs twitter-bootstrap

我在使用bootstrap3的angularjs项目上工作。

我有那些单选按钮:

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

页面加载后,我需要默认选择站点单选按钮。

我该如何实施?

2 个答案:

答案 0 :(得分:1)

您应该使用已选中属性而不是网站上的所选属性单选按钮。

<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示例。

答案 1 :(得分:0)

int min = MAX_INT; // Largest possible integer

for (..) {
    if (min > a[i]) { // Is min more than new value?
        min = a[i];   // Yes! New min value!
    } // if
} // for

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