如何预选单选按钮?

时间:2015-12-07 05:52:27

标签: javascript html angularjs

我有一个数据库的编辑按钮和onclick它我打开一个带有数据库值的对话框。

它适用于文本框,但在单选按钮中我的行为未知,可以帮助吗?

<td valign="top" style="Height: 25px" align="right">
    <span class="Label" ng-model="mainCtrl.edititem.type">Type*</span>&nbsp;&nbsp;&nbsp;
</td>
<td>
    <input th:type="radio" name="group1" class="rad"  value="User" checked="checked"/>
    <span class="Label">User </span>  
    <input th:type="radio" name="group1" value="Executable" class="rad"/>
    <span class="Label">Executable</span>
    <input th:type="radio" name="group1" value="ProcessMap" class="rad"/>
    <span class="Label">ProcessMap</span>
</td>

1 个答案:

答案 0 :(得分:1)

从您的代码示例中我假设您需要的数据库值存储在mainCtrl.edititem.type中?该变量设置为“User”,“Executable”或“ProcessMap”对吗?

在这种情况下,您可以使用每个单选按钮上的ng-model属性让角度为您完成工作。当模型值等于单选按钮的value属性时,将自动检查:

<td>
    <input th:type="radio" name="group1" value="User" class="rad" ng-model="mainCtrl.edititem.type" />
    <span class="Label">User </span>  
    <input th:type="radio" name="group1" value="Executable" class="rad" ng-model="mainCtrl.edititem.type" />
    <span class="Label">Executable</span>
    <input th:type="radio" name="group1" value="ProcessMap" class="rad" ng-model="mainCtrl.edititem.type" />
    <span class="Label">ProcessMap</span>
</td>