【发布时间】:2022-10-13 22:40:50
【问题描述】:
如何使 HTML 输入字段按 1 以外的数字计数?
我有下面的答案,我只想与世界分享。
【问题讨论】:
标签: javascript html
如何使 HTML 输入字段按 1 以外的数字计数?
我有下面的答案,我只想与世界分享。
【问题讨论】:
标签: javascript html
这是展示如何创建它的 JS 小提琴!您可以动态设置 inc 并将其用于任意数量的输入!
https://jsfiddle.net/yuxetawv/4/
function toDyno(input){
documentId = input.id
currentValue = Number(input.value)
incBy = Number(input.getAttribute("data-inc"))
upDown = Number(input.getAttribute("data-old")) < currentValue
if(upDown){
// counting up
input.value = (currentValue+incBy)-1
input.setAttribute("data-old",input.value)
}else{
// counting down
input.value = (currentValue-incBy)+1
input.setAttribute("data-old",input.value)
}
}
<input type="number" onchange="toDyno(this)" data-old="0" data-inc="5" id="quantity" name="quantity" value="0" min="0">
【讨论】: