- <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="30px;text-align: center;"/>
- <input id="add" name="" type="button" value="+" />
- </body>
