Question

我有一个输入类型的图像，附带了一个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;
}

Answer 1

试试这个：

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

Answer 2

运行函数后尝试返回false：

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

Answer 3

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

您应该使用按钮并使用类似属性

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

3 个答案: