Question

我有一个下拉菜单旁边的单选按钮。在下拉列表中选择项目时并且用户点击单选按钮，我希望下拉菜单重置自己并拥有 “选择数字”作为默认值。我怎么能实现这一点？

    <div class="selection">
        <label for="accountNumber" class="lbl">@T("Customer Account:")</label>
        <select id="accountNumber"   class="sel" name="accountNumber" ng-model="vm.defaultValue"  
                ng-options="item for item in vm.retrieveAliasName">                              
            <option value="">Select Account</option>
        </select>
    </div>
    <div id="acctsAll" class="all">
        <input type="radio" id="AllAccounts" /><span class="lbl">("All")</span>
    </div>

Answer 1

首先，您必须通过ng-model指令为您输入类型为radio的模型。然后你必须检查这个模型值是否匹配＆＃34;所有＆＃34;您vm.defaultValue的值和明确默认值。

此外，如果我做对了，你需要在＆＃34; All＆＃34;选择了收音机，但您可能需要另一个收音机，允许用户从选择输入中选择一个选项。基于此，我创建了this fiddle来帮助您。

请注意以下部分：

<input ng-change="vm.clearDefaultValue()" ng-model="vm.areAllSelected" type="radio" id="AllAccounts" ng-value="true" />

和控制器功能：

this.clearDefaultValue = function() {
    this.defaultValue = null;
}

检查单选按钮以使用angularjs重置下拉框

1 个答案: