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>
本文来自博客园,作者:super_ip,转载请注明原文链接:https://www.cnblogs.com/superip/p/18003245