<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script> $(document).ready(function(){//获得文本框对象 var t = $("#text_box");//初始化数量为1,并失效减 $(‘#min‘).attr(‘disabled‘,true); //数量增加操作 $("#add").click(function(){ // 给获取的val加上绝对值,避免出现负数 t.val(Math.abs(parseInt(t.val()))+1); if (parseInt(t.val())!=1){ $(‘#min‘).attr(‘disabled‘,false); }; }) //数量减少操作 $("#min").click(function(){ t.val(Math.abs(parseInt(t.val()))-1); if (parseInt(t.val())==1){ $(‘#min‘).attr(‘disabled‘,true); }; }) }); </script> <body> <!--如果 + - 不居中 加上 padding: 0; --> <input id="min" name="" type="button" value="-" /> <input id="text_box" name="" type="text" value="1" style="width:30px;text-align: center;"/> <input id="add" name="" type="button" value="+" /> </body>
原文地址:https://www.cnblogs.com/hshen/p/10243919.html
时间: 2024-10-12 07:57:08