启用特定输入上的单选按钮
Enable radio button on specific input
我有一个带有一些输入字段和单选按钮的表单。在特定输入上,我想启用单选按钮。这是 html 文件:
<div ng-controller="participantCtrl">
{{specialEnabled}}
<form>
<input type="text" class="form-control" placeholder="Name" ng-model="participant.name" ng-model-options="{ getterSetter: true }">
<div id="choice">
<input type="radio" ng-disabled="{{specialEnabled}}" name="specialchoice" value="Value1"> Value1
<input type="radio" ng-disabled="{{specialEnabled}}" name="specialchoice" value="Value2"> Value2
</div>
<input type="submit" value="submit"></input>
</form>
</div>
这是控制器:
SomeControllers.controller('participantCtrl', ['$scope', function($scope) {
$scope.specialEnabled = "true";
var _name = '';
$scope.participant = {
name: function(newName) {
if (angular.isDefined(newName)) {
_name = newName;
if (_name == "Foo"){
$scope.specialEnabled = "false";
}
}
return _name;
}
};
}]);
我所做的是检查名称是否是Foo,然后将禁用更改为false。这会发生。我正在表单顶部打印 specialEnabled,一旦名称匹配,它就会从 true 变为 false,但它不会启用单选按钮。我做错了什么?
ng-disabled
使用双向绑定。
特殊启用为布尔true/false
ng-model-options
在 Angular 版本 1.3 中引入。
我们不需要插值ng-disabled
<input type="radio" ng-disabled="specialEnabled" name="specialchoice" value="Value1">
波兰兹罗提: http://plnkr.co/edit/YAnTypvRjfJIL7Z4pC4s?p=preview
ng-disabled
是一个 AngularJS 指令,你不需要添加括号。
ng-disabled="specialEnabled"
相关文章:
- 互斥单选按钮和相应的输入字段
- 选择单选按钮更新2个输入字段
- 启用特定输入上的单选按钮
- 整数 + 2x 单选按钮设置输入 --> 输出
- 使用HTML和Javascript,使用4个单选按钮显示和隐藏输入字段
- 基于输入值的单选按钮选择
- 如何基于单选按钮切换启用/禁用输入字段
- 如何在javascript或ajax中获取输入单选按钮值并显示/隐藏按钮
- 如果用户更改下拉选择,jQuery将删除单选按钮/输入选项
- 如何在选中单选按钮(输入)时触发事件
- 根据选定的单选按钮输入显示/隐藏 DIV
- 根据单选按钮输入将表单发送给不同的收件人
- 单选按钮输入控制客户端验证
- 如何使用单选按钮输入禁用表单的某些元素
- 单选按钮输入字段的JavaScript函数
- 无法使用JavaScript/jQuery动态删除单选按钮输入字段
- 使用jQuery存储单选按钮输入的数值
- Javascript:从两个文本输入和一个单选按钮输入生成URL
- 将单选按钮输入添加到文本框输入中,并将其存储在列表中
- 获取单选按钮输入的未定义值