带有复选框的javascript来计数和隐藏/显示[关闭]答案

【问题标题】：javascript with checkbox to count and hide/show [closed]带有复选框的javascript来计数和隐藏/显示[关闭]
【发布时间】：2013-11-25 06:50:33
【问题描述】：

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

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

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

【问题讨论】：

你的工作是付钱给你来做这项工作。不是我们。
不，我没有得到报酬，我只是为我兄弟的公司开发一个网站，我没有要求做我的工作，只是寻求帮助，这就是这个网站的简单服务.不过还是谢谢;)

标签： javascript php jquery html checkbox

【解决方案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);
});

【讨论】：