input框不允许手工输入,只允许设定好的值

<input type="number" id="inputValue" value="10" min="10" max="200" step="10" onkeydown="return false" onchange="updatePrice">

这里重要的是onkeydown="return false" 这个参数即可实现,这样每次只能10,20,这样增加,最大不超过200

<script>
    function updatePrice(productId, basePrice) {
        var inputValue = document.getElementById("inputValue_" + productId).value;
        var productPrice = document.getElementById("price_" + productId);
        var price = basePrice * (inputValue / 10);
        productPrice.innerHTML = "¥" + price.toFixed(2);
    }
</script>

 

 

作者:superip

出处:https://www.cnblogs.com/superip/p/18003245

版权:本作品采用「署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。

posted @   super_ip  阅读(41)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示
more_horiz
keyboard_arrow_up light_mode palette
选择主题