JS点击加1，点击减1的实现

admin

1. var text = '<p class="buttons-row">'+
   
2.                         '<a href="#" class="button btn_minus_credit"><span class="iconfont"></span></a>' +
   
3.                         '<input type="tel" name="bid_credit" value="'+credit+'"/>' +
   
4.                         '<a href="#" class="button btn_plus_credit"><span class="iconfont"></span></a> '+credit_title+
   
5.                         '</p>';
   
6. 
   
7. if ($('.btn_minus_credit').length > 0) {        //判断如果有这个按钮
   
8.     $('.btn_minus_credit').click(function(){        //执行点击这个按钮的事件
   
9.         var credit = parseFloat($(this).next().val()) - 1;        //parseFloat【转换成浮点型】($(this)【当前btn_minus_credit按钮】.next()【的下一个元素也就是input】.val()【取input的值】) - 1【然后减1】;
   
10.         if (credit <= 0) {        //如果input内的值为0的时候
    
11.             credit = 1;                //就定义它的值为1.（意思是当值为小于等于0的时候继续点击不允许为负数）
    
12.         }
    
13.         $(this).next().val(credit);        //将当前按钮的下一个元素（input）把值赋进去
    
14.     });
    
15. }
    
16. if ($('.btn_plus_credit').length > 0) {        //判断如果有这个按钮
    
17.     $('.btn_plus_credit').click(function(){        //执行点击这个按钮的事件
    
18.         var credit = parseFloat($(this).prev().val()) + 1;//parseFloat【转换成浮点型】($(this)【当前btn_plus_credit按钮】.prev()【的上一个元素也就是input】.val()【取input的值】) + 1【然后加1】;
    
19.         $(this).prev().val(credit);//将当前按钮的下一个元素（input）把值赋进去
    
20.     });
    
21. }

复制代码