2014-08-29 49 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