我似乎無法弄清楚我在哪裏出錯了。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 23:14:10
請給您的問題提供一個描述問題或主題的特定標題。 「無法弄清楚我做錯了什麼」至少描述了Stack Overflow的50%的問題。 – DNA 2012-02-11 23:15:28
這看起來基本上是按照你的描述來完成的。 http://jsfiddle.net/RGkXY/ – 2012-02-11 23:15:39