Javascript 加法函数_Javascript - Fatal编程技术网

Javascript 加法函数

javascript

Javascript 加法函数,javascript,Javascript,我正在创建一个网站，作为一个供个人使用的小商店，我这里的主要问题是，我如何为所有的附加功能编写一个函数六个单个复选框，用于各种类型的外围设备，包括打印机、显示器、调制解调器或您熟悉的其他设备。假设基本计算机系统价格为$500.00，然后根据用户检查添加适当的价格。监视器299.99 打印机129.99 发言者49.99 CDRW 159.99 扫描仪129.99 调制解调器49.99 如果我加上一台扫描仪，我的总数将是629.99美元。如果我加上一个调制解调器和一个显示器，我的总数将是84

我正在创建一个网站，作为一个供个人使用的小商店，我这里的主要问题是，我如何为所有的附加功能编写一个函数

六个单个复选框，用于各种类型的外围设备，包括打印机、显示器、调制解调器或您熟悉的其他设备。假设基本计算机系统价格为$500.00，然后根据用户检查添加适当的价格。
监视器299.99 打印机129.99 发言者49.99 CDRW 159.99 扫描仪129.99 调制解调器49.99

如果我加上一台扫描仪，我的总数将是629.99美元。如果我加上一个调制解调器和一个显示器，我的总数将是849.98美元

这是我目前的进展，我还没有添加太多JS代码，因为我不确定如何添加此函数：

<html>
<head>
<title>Problem 9</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
// Program name: Problem 9
// Purpose: Program 9 
// Author: Opack
// Date last modified: 2-13-12 
$(function() {
  function calculateCost() {
    var ret = 500;
    var $selected = $('input:checked', $peripherals);

    $selected.each(function() {
      ret += parseFloat($(this).attr('alt'));
    });

    return ret.toFixed(2);
  }

  function setCost() {
    $total.text(calculateCost());
  }

  var $peripherals = $('#peripherals');
  var $total = $('#total');
  $('input[type="checkbox"]', $peripherals).on('change', setCost);

  setCost();

});

</script>
<style>
  h1 {
    font-size: large;
  }
</style>
</head>
<body bgcolor="yellow">
    <h1>What peripherals do you want to add?</h1>
    <form id="peripherals">
        <input type="checkbox" name="Monitor" value="Monitor" alt="299.99">Monitor<br>
        <input type="checkbox" name="Printer" value="Printer" alt="129.99">Printer<br>
        <input type="checkbox" name="Speakers" value="Speakers" alt="49.99">Speakers<br>
        <input type="checkbox" name="CDRW" value="CDRW" alt="159.99">CDRW<br>
        <input type="checkbox" name="Scanner" value="Scanner" alt="129.99">Scanner<br>
        <input type="checkbox" name="Modem" value="Modem" alt="49.99">Modem<br>
        <label for="Cost">Total</label><input type="text" name="Cost" />
    </form>
</body>

</body>
</html>


问题9
//程序名称：问题9
//目的：方案9
//作者：Opack
//上次修改日期：2012年2月13日
$（函数（）{
函数calculateCost（）{
var-ret=500；
变量$selected=$（'input:checked'，$peripherals）；
$selected.each（函数（）{
ret+=parseFloat（$（this.attr（'alt'））；
});
返回到固定位置（2）；
}
函数setCost（）{
$total.text（calculateCost（））；
}
var$peripherals=$（“#peripherals”）；
变量$total=$（“#total”）；
$（'input[type=“checkbox”]”，$peripherals.on（'change'，setCost）；
setCost（）；
});
h1{
字体大小：大号；
}
您要添加哪些外围设备？
监视器

打印机

发言者

CDRW

扫描仪

调制解调器

全部的
这是家庭作业吗
function calculation(a,b)
{
     return a + b;
}

来源


这是家庭作业吗
function calculation(a,b)
{
     return a + b;
}

来源


这是我的建议。我最终使用jQuery并自动更新成本。我将成本信息附加到复选框的“alt”属性。这也可以通过其他方式实现。调整它以适合你的目的
jQuery代码，以防jsbin崩溃
$(function() {
  function calculateCost() {
    var ret = 500;
    var $selected = $('input:checked', $peripherals);

    $selected.each(function() {
      ret += parseFloat($(this).attr('alt'));
    });

    return ret.toFixed(2);
  }

  function setCost() {
    $total.attr('value', calculateCost());
  }

  var $peripherals = $('#peripherals');
  var $total = $('input[name="Cost"]');
  $('input[type="checkbox"]', $peripherals).on('change', setCost);

  setCost();
});

以及相关的HTML：
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<meta charset=utf-8 />
<title>Cost Demo/title>
<style>
  h1 {
    font-size: large;
  }
</style>
</head>
<body>
    <h1>What peripherals do you want to add?</h1>
    <form id="peripherals">
        <input type="checkbox" name="Monitor" value="Monitor" alt="299.99">Monitor<br>
        <input type="checkbox" name="Printer" value="Printer" alt="129.99">Printer<br>
        <input type="checkbox" name="Speakers" value="Speakers" alt="49.99">Speakers<br>
        <input type="checkbox" name="CDRW" value="CDRW" alt="159.99">CDRW<br>
        <input type="checkbox" name="Scanner" value="Scanner" alt="129.99">Scanner<br>
        <input type="checkbox" name="Modem" value="Modem" alt="49.99">Modem<br>
        <label for="Cost">Total</label><input type="text" name="Cost" />
    </form>
</body>
</html>


成本演示/标题>
h1{
字体大小：大号；
}
您要添加哪些外围设备？
监视器

打印机

发言者

CDRW

扫描仪

调制解调器

全部的
这是我的建议。我最终使用jQuery并自动更新成本。我将成本信息附加到复选框的“alt”属性。这也可以通过其他方式实现。调整它以适合你的目的
jQuery代码，以防jsbin崩溃
$(function() {
  function calculateCost() {
    var ret = 500;
    var $selected = $('input:checked', $peripherals);

    $selected.each(function() {
      ret += parseFloat($(this).attr('alt'));
    });

    return ret.toFixed(2);
  }

  function setCost() {
    $total.attr('value', calculateCost());
  }

  var $peripherals = $('#peripherals');
  var $total = $('input[name="Cost"]');
  $('input[type="checkbox"]', $peripherals).on('change', setCost);

  setCost();
});

以及相关的HTML：
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<meta charset=utf-8 />
<title>Cost Demo/title>
<style>
  h1 {
    font-size: large;
  }
</style>
</head>
<body>
    <h1>What peripherals do you want to add?</h1>
    <form id="peripherals">
        <input type="checkbox" name="Monitor" value="Monitor" alt="299.99">Monitor<br>
        <input type="checkbox" name="Printer" value="Printer" alt="129.99">Printer<br>
        <input type="checkbox" name="Speakers" value="Speakers" alt="49.99">Speakers<br>
        <input type="checkbox" name="CDRW" value="CDRW" alt="159.99">CDRW<br>
        <input type="checkbox" name="Scanner" value="Scanner" alt="129.99">Scanner<br>
        <input type="checkbox" name="Modem" value="Modem" alt="49.99">Modem<br>
        <label for="Cost">Total</label><input type="text" name="Cost" />
    </form>
</body>
</html>


成本演示/标题>
h1{
字体大小：大号；
}
您要添加哪些外围设备？
监视器

打印机

发言者

CDRW

扫描仪

调制解调器

全部的
No，如OP中所述，它是供个人使用的。No，如OP中所述，它是供个人使用的。它缺少基本成本。数学现在应该没问题了。修复了它并稍微调整了一下，当我点击一个复选框时，它似乎并没有增加总成本你能在什么地方分享你的代码吗？我可能缺少一些逻辑。总成本仅基于所选项目的+成本。每次更改复选框时都会触发该计算。我的解决方案取决于jQuery。您需要在开始时像这样链接到它：code.jquery.com/jquery-1.7.1.min.js“>。仍然没有得到输出，更新了OP。无论如何，你可以用全部代码编辑你的帖子，以防我遗漏什么？我从未真正尝试过查询。它缺少基本成本。数学现在应该没问题了。修复了它并稍微调整了一下，当我点击一个复选框时，它似乎并没有增加总成本你能在什么地方分享你的代码吗？我可能缺少一些逻辑。总成本仅基于所选项目的+成本。每次更改复选框时都会触发该计算。我的解决方案取决于jQuery。开始时你需要像这样链接到它：code.jquery.com/jquery-1.7.1.min.js“>。仍然没有得到输出，更新了OP。无论如何，你可以用全部代码编辑你的帖子，以防我遗漏什么？我从来没有真正尝试过查询。