javascript - 求和而不是连接

Question

我试图在单击时将输入文本值增加 1。这是一项非常简单的任务，但我无法使其正常工作。这是代码:

<script type="text/javascript">
$('#field').bind('click', function(){
    old_value = $(this).attr('value');
    $(this).attr('value', (old_value+1));
})
</script>
<form action="">
    <input type="text" value="1" id="field"/>
</form>

点击输入后，它的值不会增加。取而代之的是，数字 1 被添加到值的末尾，即点击 3 次后输入值为 1111。你知道我做错了什么吗？提前致谢。

Answer 1

您需要进行类型转换，因为所有表单值都作为字符串传递。

$('#field').bind('click', function(){
    old_value = parseInt($(this).attr('value'), 10);
    $(this).attr('value', (old_value+1));
})

Whatever you do don't forget to pass a radix (base) through to the parseInt function!

如果你忘记了，这可能会发生:

parseInt("010") # 8