2014-09-29 111 views
-3

我不知道爲什麼,但我的一個按鈕的onclick事件不起作用。這是我用來在我的表單上進行計算的人。我有兩個功能正常的人,一個觸發打印功能,另一個重定向到另一個頁面。Javascript - onclick不工作

這裏的JavaScript來實現3個按鈕:

<script type="text/javascript"> 
function previewFunction() { 
    window.location.href = "preview.php"; 
} 

function printFunction() { 
    window.print(); 
} 

function calculateFunction() { 
    var e = document.getElementById("limit"); 
    var limit = e.options[e.selectedIndex].value; 
    var rate = .0075; 
    var fee = .0025; 

    var cost = (rate + fee) * limit; 
    document.getElementById("cost").innerHtml = cost; 
} 

</script> 

的calculateFunction()是不工作的人。

下面是計算按鈕/成本跨度HTML:

<tr> 
    <th align="center"><input class="buttonStuff" type="button" onclick="calculateFunction()" value="Calculate" /></th> 
    <th valign="bottom" align="center"><span style="font-size: 20pt;">Cost: </h3><span id="cost" style="text-decoration:underline;">$0.00</span></th> 
</tr> 

這裏有兩個是做工作的HTML:當我點擊計算

<tr class="container"> 
    <td width="25%" align="center"><input class="buttonStuff" type="button" onclick="previewFunction()" value="Preview" /></td> 
    <td width="25%" align="center"><input type="button" class="buttonStuff" onclick="printFunction()" value="Print" /></td> 
</tr> 

什麼也沒有發生。我相信這是簡單的,我忽略了,也許不是。

感謝您提供的任何幫助。讓我知道是否需要發佈更多代碼。

+1

你有'limit'的ID的元素? – tymeJV 2014-09-29 15:57:33

+3

您的控制檯是否給您提供任何錯誤? – stUrb 2014-09-29 15:57:52

+2

拼寫錯誤'innerHTML'。請注意,「HTML」全部大寫。 – Brett 2014-09-29 15:59:28

回答

6

JavaScript是大小寫敏感的,這是innerHTML,不innerHtml

document.getElementById("cost").innerHTML = cost; 
+0

還有更多的錯誤,但這也是一個問題,所以我會給你答案。謝謝。 – 2014-09-29 17:42:22