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


javascript with checkbox to count and hide/show

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

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

我有一个页面,其中包含多个复选框的相应产品,它们都具有关联的值。  然后我有一个变量,它是我在帐户中的值,以及我想用它做什么 当我通过单击复选框开始选择产品时,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

首先使用 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);
});