<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script> $(document).ready(function(){ //獲得文本框對象 var t = $("#text_box"); //初 ...
- <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>
