Javascript 选中Angularjs中的一个或多个复选框后的活动按钮
我有一些复选框和一个按钮。现在,当选中一个或多个复选框时,我需要活动按钮。我怎样才能在angularjs中做到这一点Javascript 选中Angularjs中的一个或多个复选框后的活动按钮,javascript,angularjs,Javascript,Angularjs,我有一些复选框和一个按钮。现在,当选中一个或多个复选框时,我需要活动按钮。我怎样才能在angularjs中做到这一点 弗斯特 第二 第三 主动/非主动将ng型号设置为复选框 <label><input type="checkbox" name="check" ng-model="check1"> First</label> <label><input type="checkbox" name="check" ng-model="chec
弗斯特
第二
第三
主动/非主动
将ng型号
设置为复选框
<label><input type="checkbox" name="check" ng-model="check1"> First</label>
<label><input type="checkbox" name="check" ng-model="check2"> Second</label>
<label><input type="checkbox" name="check" ng-model="check3"> Third</label>
首先
第二
第三
和用于禁用\启用按钮
<button type="button" ng-disabled="!check1 && !check2 && !check3" ng-model="$scope.btn">active/deactive</button>
active/deactive
将ng型号设置为复选框
<label><input type="checkbox" name="check" ng-model="check1"> First</label>
<label><input type="checkbox" name="check" ng-model="check2"> Second</label>
<label><input type="checkbox" name="check" ng-model="check3"> Third</label>
首先
第二
第三
和用于禁用\启用按钮
<button type="button" ng-disabled="!check1 && !check2 && !check3" ng-model="$scope.btn">active/deactive</button>
active/deactive
使用ng模型保存复选框的值,并在ng disabled=“!(复选框值1 | | ch…”中使用它们
使用ng模型保存值,并使用复选框使用ng Required=“!checkBox2Value&&!checkbox3Value”。在复选框周围放置表单,并使用ng disabled=“formName.$invalid”
使用ng模型保存复选框的值,并在ng disabled=“!(复选框值1 | | ch…”中使用它们
使用ng模型保存值,并使用复选框使用ng Required=“!checkBox2Value&&!checkbox3Value”。在复选框周围放置表单,并使用ng disabled=“formName.$invalid”
您可以使用按钮上的ng disabled
指令有条件地添加disable属性
选中下面的示例,其中输入复选框使用在AngularJS中提供双向数据绑定的ng model
指令绑定到控制器作用域上各自的属性
注意:如果要在视图中检查复杂的条件,则可以编写一个函数,并在该情况下使用相应的指令在视图中调用它
angular
.module('演示',[]))
.控制器(“DefaultController”,DefaultController);
函数DefaultController(){
var vm=这个;
vm.disableButton=disableButton;
函数禁用按钮(){
if(vm.first | vm.second | vm.third){
返回false;
}否则{
返回true;
}
}
}
弗斯特
第二
第三
主动/非主动
您可以使用按钮上的ng disabled
指令有条件地添加disable属性
选中下面的示例,其中输入复选框使用在AngularJS中提供双向数据绑定的ng model
指令绑定到控制器作用域上各自的属性
注意:如果要在视图中检查复杂的条件,则可以编写一个函数,并在该情况下使用相应的指令在视图中调用它
angular
.module('演示',[]))
.控制器(“DefaultController”,DefaultController);
函数DefaultController(){
var vm=这个;
vm.disableButton=disableButton;
函数禁用按钮(){
if(vm.first | vm.second | vm.third){
返回false;
}否则{
返回true;
}
}
}
弗斯特
第二
第三
主动/非主动
使用ng模型保存复选框的值,并在ng disabled=“!(checkboxValue1 | | ch…”中使用它们。“如果选中了两个复选框,您希望激活按钮???@SaEChowdary,即使选中了其中一个复选框,也可以使用一个、两个、三个或…使用ng模型保存复选框的值,并在ng disabled=“!(checkboxValue1 | ch…”中使用它们。”如果选中了两个框,您想激活按钮???@SaEChowdary,即使其中一个被选中,一个、两个、三个或…假设我有n个框,我是否需要扩展到!checkn??有没有最简单的方法?hello@Razzaka我也想使用复选框set按钮禁用/启用,但我的复选框是它存储在datatable angulrjs中。所以我分配ng modal='check'liek这个,所以我在chekbox上检查所有复选框,所以你知道如何修复它。假设我有n个框,我需要扩展到!checkn??有没有最简单的方法?hello@Razzaka我也想使用复选框set按钮禁用/启用,但我的复选框是它存储在datatable angulrjs中。所以我分配ng modal='check'liek这个,所以我在chekbox上检查所有复选框都选中了,这样你就能知道如何修复它。谢谢你的回答谢谢你的回答