Fatal编程技术网

Javascript 添加表单元素的值

javascript jquery forms

Javascript 添加表单元素的值,javascript,jquery,forms,sum,Javascript,Jquery,Forms,Sum,我在将表单元素添加到一起时遇到困难。如果你能查看我的代码并告诉我我做错了什么，我将不胜感激。下面是代码的JSFIDLE链接： 多少钱？ 仅软封面 选择包 A级（360美元） B级（440美元） C级（495美元） D级（790美元） E级（1 110美元） F级（1 390美元） G级（1950美元） 仅精装本 选择包 A级（430美元） B级（495美元） C级（650美元） D级（950美元） E级（1 300美元） F级（1 575美元） G级（2 100美元） 硬/软组合 选择包

我在将表单元素添加到一起时遇到困难。如果你能查看我的代码并告诉我我做错了什么，我将不胜感激。下面是代码的JSFIDLE链接：


多少钱？
仅软封面

选择包
A级（360美元）
B级（440美元）
C级（495美元）
D级（790美元）
E级（1 110美元）
F级（1 390美元）
G级（1950美元）



仅精装本

选择包
A级（430美元）
B级（495美元）
C级（650美元）
D级（950美元）
E级（1 300美元）
F级（1 575美元）
G级（2 100美元）



硬/软组合

选择包
A级（590美元）
B级（685美元）
C级（825美元）
D级（1 050美元）
E级（1 375美元）
F级（1 650美元）
G级（2225美元）



附加服务

按住Ctrl键并单击可选择多个
仓库（100美元）
亚马逊备份（75美元）
公关写作（250美元）
英格拉姆预付款（75美元）
TOC创建（30美元）
创建索引（75美元）
印刷厨房（50美元）
电子书套装（65美元）
办案（30美元）
防尘套（40美元）



营销套餐

选择包
铜牌（400美元）
银币（700美元）
黄金（1300美元）



您的总数：

$（“#快速计算器”）.change（函数（）{
var total=“”；
$（“#快速计算器选项：选中”）。每个(
函数（）{total+=parseInt（$（this.val（））}
);  
美元（“#总价”）.val（“$”+总价）；
}).change（）；
尝试从var total=0开始

尝试从
var total=0开始


您仍然在连接字符串。更改
total=”“至<代码>总计=0
您仍在连接字符串。更改
total=”“至<代码>总计=0
尝试var total=0；
而不是var total=“”

您必须有一个整数，但现在有一个字符串
 尝试var total=0；
而不是var total=“”

您必须有一个整数，但现在有一个字符串


<html><head><script src="http://code.jquery.com/jquery-latest.js">
</script></head><body>
<h1>How Much?</h1>  
<form id="quickcalc">
Softcover Only<br>
<select id="SoftcoverOnly">
    <option value="0" selected>Select Package</option>
    <option value="360">Level A ($360)</option>
    <option value="440">Level B ($440)</option>
    <option value="495">Level C ($495)</option>
    <option value="790">Level D ($790)</option>
    <option value="1100">Level E ($1,110)</option>
    <option value="1390">Level F ($1,390)</option>
    <option value="1950">Level G ($1,950)</option>
</select><br><br>
Hardcover Only<br>
<select id="HardcoverOnly">
    <option value="0" selected>Select Package</option>
    <option value="430">Level A ($430)</option>
    <option value="495">Level B ($495)</option>
    <option value="650">Level C ($650)</option>
    <option value="950">Level D ($950)</option>
    <option value="1300">Level E ($1,300)</option>
    <option value="1575">Level F ($1,575)</option>
    <option value="2100">Level G ($2,100)</option>
</select><br><br>
Combo Hard/Soft<br>
<select id="ComboHard/Soft">
    <option value="0" selected>Select Package</option>
    <option value="590">Level A ($590)</option>
    <option value="685">Level B ($685)</option>
    <option value="825">Level C ($825)</option>
    <option value="1050">Level D ($1,050)</option>
    <option value="1375">Level E ($1,375)</option>
    <option value="1650">Level F ($1,650)</option>
    <option value="2225">Level G ($2,225)</option>
</select><br><br>
Additional Services<br>
<select id="AdditionalServices" multiple size="3">
    <option value="0" disabled>Ctrl+Click for Multiple</option>
    <option value="100">Warehouseing ($100)</option>
    <option value="75">Amazon Backup ($75)</option>
    <option value="250">PR Writing ($250)</option>
    <option value="75">Ingram Advance ($75)</option>
    <option value="30">TOC Creation ($30)</option>
    <option value="75">Index Creation ($75)</option>
    <option value="50">Printed Galley ($50)</option>
    <option value="65">Ebook Package ($65)</option>
    <option value="30">Casebinding ($30)</option>
    <option value="40">Dustjacket ($40)</option>
</select><br><br>
Marketing Packages<br>
<select id="MarketingPackages">
    <option value="0" selected>Select Package</option>
    <option value="400">Bronze ($400)</option>
    <option value="700">Silver ($700)</option>
    <option value="1300">Gold ($1300)</option>
</select><br><br>
Your Total:<br>
<input type="text" readonly id="totalPrice" value="">
</form>
  <div></div>
 <script>
$("#quickcalc").change(function () {
      var total = "";
      $("#quickcalc option:selected").each(
            function(){total += parseInt($(this).val())}
      );  
      $("#totalPrice").val("$"+total);
}).change();
 </script>

 </body></html>