【问题标题】:Input Field Counter. Count by any number输入字段计数器。任意数数
【发布时间】:2022-10-13 22:40:50
【问题描述】:

如何使 HTML 输入字段按 1 以外的数字计数?

我有下面的答案,我只想与世界分享。

【问题讨论】:

    标签: javascript html


    【解决方案1】:

    这是展示如何创建它的 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">
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2016-08-30
      • 1970-01-01
      • 2021-04-28
      • 1970-01-01
      • 1970-01-01
      • 2021-08-11
      • 2020-03-10
      相关资源
      最近更新 更多