javascript - jquery增加输入框值

Question

$(function() {
    $("#datepicker").datepicker({
        dateFormat: "dd-mm-yy",
        minDate: -0
    });
    $(".minus").click(function() {
        var id = $(this).attr("id").substr(4);
        var value = parseInt($("#value_" + id).val());
        if (value == 0) return false;
        newval = parseInt(value) - 1;
        $("#value_" + id).val(newval)
    });
    $(".plus").click(function() {
        var id = $(this).attr("id").substr(5);
        var value = parseInt($("#value_" + id).val());
        newval = parseInt(value) + 1;
        $("#value_" + id).val(newval)
    });
    $(".value").keydown(function(event) {
        // Allow only backspace and delete
        if (event.keyCode == 46 || event.keyCode == 8) {
            // let it happen
        } else {
            // Ensure that it is a number and stop the keypress
            if (event.keyCode < 48 || event.keyCode > 57) {
                event.preventDefault();
            }
        }
    });
});​

这是我当前的代码，但它在这里不起作用是我想要的:
我有 20 个输入框 - 和 + 按钮，它们都有不同的计数器。
HTML 示例:

<tr>
    <td><h4>Mozzarella met honing, tomaat en basilicum</h4></td>
    <td width="100" valign="top">EUR 3,75</td>
    <td width="150">
        <input type="hidden" name="naam_3" value="Kaas - Mozzarella met honing, tomaat en basilicum">
        <input type="hidden" name="prijs_3" value="3,75">
        <div class="minus" id="min_wit_3">-</div>
        <input type="text" class="value" id="value_wit_3" name="aantal_3_wit" value="0">
        <div class="plus" id="plus_wit_3">+</div>
        <div class="minus" id="min_bruin_3">-</div>
        <input type="text" class="value" id="value_bruin_3" name="aantal_3_bruin" value="0">
        <div class="plus" id="plus_bruin_3">+</div>
    </td>
</tr>

<tr>
    <td>Boerenbrie</h4></td>
    <td width="100" valign="top">EUR 4,00</td>
    <td width="150">
        <input type="hidden" name="naam_4" value="Kaas - Boerenbrie">
        <input type="hidden" name="prijs_4" value="4">
        <div class="minus" id="min_wit_4">-</div>
        <input type="text" class="value" id="value_wit_4" name="aantal_4_wit" value="0">
        <div class="plus" id="plus_wit_4">+</div>
        <div class="minus" id="min_bruin_4">-</div>
        <input type="text" class="value" id="value_bruin_4" name="aantal_4_bruin" value="0">
        <div class="plus" id="plus_bruin_4">+</div>
    </td>
</tr>

每当我单击 + 按钮时，它必须为 1，当我再次单击它时，它必须为 2，依此类推。
当我单击 - 按钮时，它会执行相反的操作，但它不能低于 0。
希望有人知道这个问题的解决方案。

所以基本上我需要 1 个代码用于多个输入框

网站:http://www.verruklik.nl/bestelformulier/尝试按+按钮没有任何反应，而脚本似乎是正确的。

Answer 1

问题中发布的代码有效 - 脚本在此处不起作用的原因是由于日期选择器。

查看代码here删除日期选择器。
检查代码发布 here不适用于日期选择器。
检查使用日期选择器的代码 here 记下添加的资源(在左侧，单击“管理资源”)。

在您的网站上，您包含了 jQuery UI 1.7.2 和 1.8.14 的两个版本(第 36 行和 37 行)，这可能会导致冲突并可能破坏 javascript。

您的网站上还有另一个错误，也可能会造成问题:
错误:$("ul.sf-menu").supersubs 不是函数
源文件:http://www.verruklik.nl/js/onLoad.js
行:1

关于查找代码中的中断的提示，请尽可能使用浏览器控制台。
如果您使用的是 Google Chrome、IE9，请按 F12 或使用 Web 开发人员扩展的 Firefox，请按 CTRL+SHIFT+J