不仅仅是一个input框,我们不仅可以在里面直接输入数字,而且我们点击左边或者右边的按钮会实现输入框数量的减少和增加,点击只能增加一个或者减少一个。
效果图
完整代码
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><script src="https://code.jquery.com/jquery-3.4.1.min.js"></script><input id="cut" type="button" value="-" style="color: red;"/><input id="num" type="text" style=" width:200px; text-align:center" value="0"/><input id="add" type="button" value="+" style="color: blue;"/></body><script type="text/javascript">$(function(){var price=0;$("#cut").click(function(){price=$("#num").val();if($("#num").val()==0){return}else{price--;}$("#num").val(price);})$("#add").click(function(){price=$("#num").val();price++;$("#num").val(price);})})</script>
</html>