2014-08-29 35 views
0

我得到了一個輸入類型的圖像與JavaScript onclick事件附加到它。 每次我點擊它提交表單的圖片。我已經添加了「返回false」,但這並不能解決問題。 這裏是我的代碼:輸入類型圖像Onclick事件提交表格

<input type="image" onclick="incrementValue(@i)" value="+" /> 

的Javascript

function incrementValue(n) { 

    var id = 'txtAantal' + n; 
    var value = parseInt(document.getElementById(id).value, 10); 
    value = isNaN(value) ? 0 : value; 
    value++; 
    document.getElementById(id).value = value; 

    var totaal = parseFloat(document.getElementById('txtTotaal').value, 10); 
    var prijs = parseFloat(document.getElementById('txtPrice' + n).value, 10); 

    document.getElementById('txtTotaal').value = totaal + prijs; 

    return false; 
} 
+0

你需要「傳遞」返回值:'的onclick =「返回incrementValue(@i)」' – CBroe 2014-08-29 23:51:05

+0

謝謝您的回答,也是工作就像一個魅力! – Bouss 2014-08-29 23:59:18

回答

2

嘗試運行的功能後,返回false:

<input type="image" onclick="incrementValue(@i); return false;" value="+" /> 
+0

謝謝,解決了這個問題。 – Bouss 2014-08-29 23:58:58

+0

你能把它標記爲接受的答案嗎? – 2014-09-02 23:36:52

1
<button type="button" onclick="incrementValue(@i)" value="+" >     
<img border="0" src="print.png" width="32" heigth="32" title="Click Me"/> 
</button> 

你應該使用這樣一個按鈕,使用類型屬性

4

試試這個:

<input type="image" onclick="return incrementValue(@i)" value="+" /> 
+0

函數返回的值'false'必須傳遞給輸入元素的點擊處理程序。 'onclick =「return ...」'這樣做。 – 2014-08-30 02:03:03