【问题标题】:How to check all and un-check all static checkboxes in Angularjs?如何检查所有和取消选中Angularjs中的所有静态复选框?
【发布时间】:2019-07-08 09:38:06
【问题描述】:

我有一些静态复选框和一个用于 HTML 文件中“检查所有”的复选框。然后,当我单击“全选”复选框时,我想选中或取消选中所有这些复选框。但是我仍然不知道这些东西的方法在哪里。

HTML 代码:

<div>
   <input type="checkbox" name="check_all" ng-model="formFruit.fruits.all" ng-true-value=":all:"/> Select All </br>
   <input type="checkbox" name="" ng-model="formFruit.fruits.apple" ng-true-value=":apple:"/> Apple </br>
   <input type="checkbox" name="" ng-model="formFruit.fruits.banana" ng-true-value=":banana:"/> Banana </br>
</div>

【问题讨论】:

    标签: angularjs


    【解决方案1】:

    我不确定,为什么每个复选框都有不同的型号名称,您可以将其重置为 false 或清除这些值,如下所示,

    angular.forEach($scope.formFruit.fruits, function(furit) {        
        //sett it to false
    });
    

    $scope.formFruit.fruits = [];
    

    【讨论】:

    • 我必须使用不同的模型名称来制作每个复选框,因为我想在加载编辑表单时识别它们中的每一个及其值以检查。那么这是一种不好的做法吗???
    • 是的,你应该有一个只有 true/false 的属性。在这里查看stackoverflow.com/questions/26017286/…
    • 我想使用指定值,因为当复选框被选中并提交时,服务器会将所有选中的复选框连接到一个字符串。例如,如果检查了苹果和香蕉,则服务器具有字符串:apple::banaa:。那么这可能吗?
    • 是的,还是有可能的。,您需要使用循环单独获取选中的字符串,然后创建您想要的字符串
    • 啊,那么问题是如何处理字符串以获得最终字符串,对吧?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-11-18
    • 2020-02-29
    • 2015-09-09
    • 1970-01-01
    • 2016-02-17
    相关资源
    最近更新 更多