Javascript 当复选框=true时

我一直在努力解决我的问题，但我不知道该怎么办

具有具有建筑级别的下拉菜单。每个建筑标高都有一个值。我有一个总值，但我需要一个销毁的总值。我已经添加了一个复选框，如果它被销毁了可以使用，但是我无法计算出如何进行小计。我确实想到了

ng if

，但无法解决如何使用它来满足我的需要，但我欢迎任何帮助。如果检查为真，我需要小计来等于OP，这样我就可以把所有被摧毁的盔甲从总数中分别加起来

var-appBubble=angular.module（'myExample'，[]）；
函数myCTRL（$scope）{
$scope.myOptionsOP=[{
“盔甲”：1000，
“标签”：“1”
}, {
“盔甲”：2000年，
“标签”：“2”
}, {
“装甲”：4000，
“标签”：“3”
}, {
“盔甲”：8000，
“标签”：“4”
}, {
“盔甲”：16000，
“标签”：“5”
}, {
“装甲”：32000，
“标签”：“6”
}, {
“装甲”：64000，
“标签”：“7”
}, {
“装甲”：750000，
“标签”：“8”
}];
$scope.myOptionsWH=[{
“盔甲”：100，
“标签”：“1”
}, {
“装甲”：600，
“标签”：“2”
}, {
“盔甲”：1100，
“标签”：“3”
}, {
“盔甲”：1600，
“标签”：“4”
}, {
“盔甲”：2100，
“标签”：“5”
}, {
“盔甲”：2600，
“标签”：“6”
}, {
“盔甲”：3100，
“标签”：“7”
}, {
“盔甲”：3600，
“标签”：“8”
}, {
“盔甲”：4100，
“标签”：“9”
}, {
“盔甲”：4600，
“标签”：“10”
}, {
“盔甲”：5100，
“标签”：“11”
}, {
“盔甲”：9277，
“标签”：“12”
}, {
“盔甲”：17280，
“标签”：“13”
}, {
“装甲”：415000，
“标签”：“14”
}];
$scope.myOptionsLP=[{
“盔甲”：450，
“标签”：“1”
}, {
“盔甲”：788，
“标签”：“2”
}, {
“盔甲”：1378，
“标签”：“3”
}, {
“盔甲”：2412，
“标签”：“4”
}, {
“盔甲”：4221，
“标签”：“5”
}];
$scope.myOptionsSY=[{
“盔甲”：2000年，
“标签”：“1”
}, {
“装甲”：4000，
“标签”：“2”
}, {
“盔甲”：6000，
“标签”：“3”
}];
$scope.myOptionsDK=[{
“盔甲”：550，
“标签”：“1”
}, {
“盔甲”：1200，
“标签”：“2”
}, {
“盔甲”：1850年，
“标签”：“3”
}, {
“盔甲”：2500，
“标签”：“4”
}, {
“盔甲”：3150，
“标签”：“5”
}, {
“装甲”：3800，
“标签”：“6”
}, {
“盔甲”：4450，
“标签”：“7”
}, {
“盔甲”：5100，
“标签”：“8”
}, {
“盔甲”：5750，
“标签”：“9”
}, {
“装甲”：6400，
“标签”：“10”
}, {
“装甲”：7050，
“标签”：“11”
}, {
“盔甲”：9150，
“标签”：“12”
}];
};
表格，
th，
tr，
运输署，
p{
字体系列：Verdana、Arial、Helvetica、无衬线；
字体大小：14px；
}

建筑
水平仪
盔甲
摧毁
前哨站：
基础装甲：{{OP}
仓库：
基础装甲：{{WH1}}



被毁建筑物总数：{{小计+小计WH1}

所有建筑物的总数：{{OP+WH1}
更新：
我相信这就是你需要的：

{{(subTotalOP === true ? OP : 0)   + (subTotalWH1 === true ? WH1 : 0)}}

实际上，这不是一个好方法，您应该在javascript中执行逻辑。但无论如何，希望这能解决你的问题

选中新演示：
更新：
我相信这就是你需要的：

{{(subTotalOP === true ? OP : 0)   + (subTotalWH1 === true ? WH1 : 0)}}

实际上，这不是一个好方法，您应该在javascript中执行逻辑。但无论如何，希望这能解决你的问题

选中新演示：
您可以使用
ng init
将值初始化为默认值

问题是当您执行
小计+小计WH1
时，如果
小计WH1
是
未定义的
，它将返回第一个操作数的值（
真/假
）。初始化它也会解决这个问题，但您应该同时初始化这两个问题

<input type="checkbox" ng-init="subTotalOP=false" ng-model="subTotalOP">



您可以使用
ng init
将值初始化为默认值

问题是当您执行
小计+小计WH1
时，如果
小计WH1
是
未定义的
，它将返回第一个操作数的值（
真/假
）。初始化它也会解决这个问题，但您应该同时初始化这两个问题

<input type="checkbox" ng-init="subTotalOP=false" ng-model="subTotalOP">



你说的“我需要一个被摧毁的总数”是什么意思？似乎小提琴很灵巧。被摧毁的盔甲总数就在那里。如果复选框为真，我需要销毁盔甲的小计。你说的“我需要一个销毁的总数”是什么意思？看来小提琴很灵巧。销毁的盔甲总数在那里。如果复选框为真，我需要一个小计。哦，是的，我现在看到了错误，似乎这是正确的答案，但问题很难理解。我的乌普沃提不想摧毁多少建筑，我想要的是装甲的小计。正如你所看到的，我总共有一套盔甲，但我想要一套单独的盔甲。我更新了解决方案，终于明白你想要的是什么，请检查这是否适合你：）谢谢你，乔伊，这正是我想要的结果。我想，有更好的方法来做我想做的事。你能告诉我有没有。（如果你不忙，那就是）哦，是的，我现在看到了错误，似乎这是正确的答案，但问题很难理解。我的乌普沃提不想摧毁多少建筑，我想要的是装甲的小计。正如你所看到的，我总共有一套盔甲，但我想要一套单独的盔甲。我更新了解决方案，终于明白你想要的是什么，请检查这是否适合你：）谢谢你，乔伊，这正是我想要的结果。我想，有更好的方法来做我想做的事。你能告诉我有没有。（如果你不忙，那就是）