输入类型图像上的 Onclick 事件提交表单答案

【问题标题】：Onclick event on input type image submits form输入类型图像上的 Onclick 事件提交表单
【发布时间】：2014-08-29 23:45:44
【问题描述】：

我得到了一个输入类型的图像，其中附加了一个 javascript onclick 事件。每次我点击它提交表单的图像。我已经添加了“return false”，但这并不能解决问题。这是我的代码：

<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;
}

【问题讨论】：

你需要“传递”返回值：onclick="return incrementValue(@i)"
感谢您的回答，也很有魅力！

标签： javascript html image forms form-submit

【解决方案1】：

试试这个：

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

【讨论】：

必须将函数返回的值false 传递给输入元素的点击处理程序。 onclick="return..." 就是这样做的。

【解决方案2】：

运行函数后尝试返回false：

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

【讨论】：

【解决方案3】：

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

你应该使用一个按钮并使用像这样的类型属性

【讨论】：