jquery数字递增递减

最新推荐文章于 2023-05-05 15:41:45 发布

小醋花生

最新推荐文章于 2023-05-05 15:41:45 发布

阅读量1.8k

点赞数

本文链接：https://blog.csdn.net/lin112111/article/details/51964937

版权

<button id="redu">-</button>
<input id="add" type="text" value="5" style="width:50px; text-align:center;"/>
<button id="add1">+</button>

<script type="text/javascript" src="jq.js"></script>
<script>
$(document).ready(function(){
      $("#add1").click(function(){
      var oldValue=parseInt($("#add").val()); //取出现在的值，并使用parseInt转为int类型数据
      oldValue++   //自加1
      $("#add").val(oldValue) //将增加后的值付给控件
});
$("#redu").click(function(){
      var oldValue=parseInt($("#add").val()); //取出现在的值，并使用parseInt转为int类型数据
      oldValue--   //自减1
     $("#add").val(oldValue) //将增加后的值付给控件
});
});
</script>