gpt4 book ai didi

php - Javascript 增加文本框的值+1

转载 作者:行者123 更新时间:2023-11-28 02:35:53 24 4
gpt4 key购买 nike

基本上,我正在为实时网页寻找 JavaScript 中的某些东西,可以在用户每次键入时将文本框的当前数值增加 1。

例如

<td> <input type='text' name='form_c_port' value='1' size='5' maxlength='5'/> </td>

然后我的下一个文本框值应该是 2,每当其他文本框的数值发生变化时,增加 1 或减少 1

<td> <input type='text' name='form_q_port' value='0' size='5' maxlength='5'/> </td>

但我似乎无法找到如何在 JavaScript 中将值加一。我知道如何在 PHP 中执行此操作,但我需要在用户更改值时在实时网页上完成此操作。

最佳答案

这比我最初想象的要复杂得多。我没有意识到这两个输入都可以修改。我终于通过监听第一个输入的退格键和删除键使其工作。如果输入看起来太快,它仍然存在错误。

这是 HTML

<td> <input id="one" type='text' name='form_c_port' value='1' size='5' maxlength='5'/> </td>
<td> <input id="two" type='text' name='form_q_port' value='0' size='5' maxlength='5'/> </td>

这是 jQuery

var lengthValue = $('#one').val().length;
$('#one').keyup(function(event){
var key = event.keyCode || event.charCode;
var tempLength = $('#one').val().length;
if(key == 8 || key == 46){
if(tempLength < lengthValue){
lengthValue = $('#one').val().length;
if(isNumber($('#two').val())){
$('#two').val(parseFloat($('#two').val()) - 1);
}
else{
$('#two').val(0);
}
}
}
else if(lengthValue < 5){
lengthValue = $('#one').val().length;
if(isNumber($('#two').val())){
$('#two').val(parseFloat($('#two').val()) + 1);
}
else{
$('#two').val(0);
}
}
});


function isNumber(n) {
return !isNaN(parseFloat(n)) && isFinite(n);
}

这是一个指向 fiddle 的链接.

关于php - Javascript 增加文本框的值+1,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13481487/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com