jquery添加調試

-3

我似乎無法弄清楚我在哪裏出錯了。jquery添加調試

喜愛份額[G +]共享[FB]共享[TW]

我創建一個網站，作爲一個小商店供個人使用的，我這裏主要的問題是如何將我的additon編寫一個函數所有這一切？

對於各種類型的外圍設備，包括您熟悉的打印機，顯示器，調制解調器或其他設備，有六個複選框。假設計算機系統的基本價格爲500美元，然後根據用戶檢查添加適當的價格。顯示器299.99打印機129.99揚聲器49.99 CDRW 159.99掃描儀129.99調制解調器49.99

如果我只添加一臺掃描儀，我的總數將是629.99美元。如果我添加一個調制解調器和一個顯示器，我的總價將是849.98美元。

我可能會忽略一些簡單的東西。當我點擊一個複選框時，它不會像它應該添加的那樣。

<html> 
<head> 
<title>Problem 9</title> 
<script type="text/javascript" src="code.jquery.com/jquery-1.7.1.min.js"></script> 
<script type="text/javascript"> 
$(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> 
<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> 
</form> 
<p>Total cost:<span id="total">0</span></p> 
</body> 
</html>

來源

2012-02-11 Opack Odore

什麼不行？ – 2012-02-11 23:14:10

請給您的問題提供一個描述問題或主題的特定標題。「無法弄清楚我做錯了什麼」至少描述了Stack Overflow的50％的問題。 – DNA 2012-02-11 23:15:28

這看起來基本上是按照你的描述來完成的。 http://jsfiddle.net/RGkXY/ – 2012-02-11 23:15:39

望着JavaScript控制檯，我敢打賭，這將有大約$沒有被定義的錯誤。這是因爲你沒有正確鏈接到jQuery js文件。

<script type="text/javascript" src="code.jquery.com/jquery-1.7.1.min.js"></script>

它正在尋找它在你的域，而不是jQuery的，我添加了//

JSFiddle

如果運行這個功能的文件系統

<script type="text/javascript" src="//code.jquery.com/jquery-1.7.1.min.js"></script>

通知，不是服務器，您需要添加http://

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

所以它會使用正確的協議來獲取文件或者只是下載文件並鏈接到本地。

來源

2012-02-11 23:20:10 epascarello

沒有爲我解決它。問題9 <腳本類型= 「文本/ JavaScript的」 SRC = 「// code.jquery.com/jquery-1.7.1.min.js」> <腳本類型=「文本/ javascript「> – 2012-02-11 23:25:12

適用於我，你緩存了嗎？清除緩存。 – epascarello 2012-02-11 23:27:33

你能用完整的代碼編輯你的答案嗎？所有的？也許我錯過了什麼。清除我的緩存，沒有骰子。 – 2012-02-11 23:29:29

jquery添加調試

回答

相關問題