Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何预选单选按钮?_Javascript_Html_Angularjs - Fatal编程技术网

Javascript 如何预选单选按钮?

Javascript 如何预选单选按钮?,javascript,html,angularjs,Javascript,Html,Angularjs,我有一个数据库的编辑按钮,点击它,我打开一个对话框,里面有数据库的值 它是正常工作的文本框,但在单选按钮我得到未知的行为,任何1可以帮助吗 <td valign="top" style="Height: 25px" align="right"> <span class="Label" ng-model="mainCtrl.edititem.type">Type*</span>&nbsp;&nbsp;&nbsp; </td&

我有一个数据库的编辑按钮,点击它,我打开一个对话框,里面有数据库的值

它是正常工作的文本框,但在单选按钮我得到未知的行为,任何1可以帮助吗

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

类型*
使用者
可执行
流程图

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

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

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

使用者
可执行
流程图

@Michael_B谢谢,只是输入错误,你为什么要检查所有的无线电框?@bansi这只是为了测试,我想要的是它应该根据数据库预先选择,如果我只选择1,那么每次都会选择相应的。复选框可以选中同名的倍数,虽然单选按钮只能选中一个同名按钮。@Sam我希望它应该根据数据库记录选择,但它没有发生,所以我选择了“全部”