javascript - 带有复选框的javascript来计数和隐藏/显示

Question

我需要帮助来制作一个脚本

我正在尝试执行的脚本如下：

我有一个包含多个复选框对应产品的页面，它们都有一个关联的值。然后我有一个变量，它是我在帐户中的值，当我通过单击复选框开始选择产品时，我想用它做什么，javascript 必须计算已经选择的值并查看如何和缺少并隐藏所有具有更高价值或可用的产品

<?php
$totalmoney = '50';
?>
<div class="tags">
    <label><input type="checkbox" id="arts" value="20" /> Arts </label>
    <label><input type="checkbox" id="computers" value="40" /> Computers </label>
    <label><input type="checkbox" id="phone" value="15"/> Phone </label>
    <label><input type="checkbox" id="video-games" value="5" /> Video Games </label>
</div>

请帮帮我，我的工作需要这个：S

Answer 1

从使用 JS 计算选定复选框的值开始，如下所示：

var $inputs = $('#arts,#computers,#phone,#video-games');
$inputs.on('click', function (event) {
  $checked = $inputs.is(':checked');
  totalChecked = 0;
  $checked.each(function () {
    totalChecked += $(this).val();
  });
});

现在您可以轻松检查其余部分：

var toBeSpend = totalmoney - totalChecked;
$inputs.not(':checked').each(function () {
  $(this).toggle($(this).val() > toBeSpend);
});