Javascript 选中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

我有一些复选框和一个按钮。现在,当选中一个或多个复选框时,我需要活动按钮。我怎样才能在angularjs中做到这一点


弗斯特
第二
第三


主动/非主动
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上检查所有复选框都选中了,这样你就能知道如何修复它。谢谢你的回答谢谢你的回答