sayfa 10 ekranların Varsylan değeri yüklediğinde ben şöyle istediğini olan

Question

henüz div görüntülemek için varsayılan bir değer elde Özel alana bir şey yazıp siliyorum, varsayılan değer gösterilmez. Burada görüldüğü gibi:

nasıl kullanıcı kendi özel miktarını siler bile göstermek için 10 alabilirsiniz.

$(document).ready(function() { 
     $('#donation-amount').keyup(function() { 
     $('#display-amount').text($(this).val()); 
     }); 
    $(".selectvalue").click(function() { 
     $('#display-amount').text($(this).val()); 
    }); 

    $(".buttons .btn").click(function(){ 
     $(".buttons .btn").removeClass('active'); 
     $(this).toggleClass('active'); 
    }); 
    $('#display-amount').text($('#default').val()); 

}); 

ve benim html:

<div class="choose-pricing"> 
      <div class="btn-group"> 
      <div class="buttons"> 
      <button type="button" id="default" class="btn btn-default selectvalue hover-color active" value="10">10</button> 
      <button type="button" class="btn btn-default selectvalue hover-color" value="15">15</button> 
      <button type="button" class="btn btn-default selectvalue hover-color" value="20">20</button> 
      <input type="Custom" name="donation-amount" class="inpt-first form-control" id="donation-amount" onclick="if(this.defaultValue == this.value) this.value = ''" onblur="if(this.value=='') this.value = this.defaultValue" value="Custom"> 
      </div> 
      <input type="hidden" name="donation-amount-value" id="donation-amount-value"> 
      </div> 
      <div class="money-donate"> 
      <div class="display-amount" id="display-amount"> 
      </div> 
      </div> 
     </div> 

herhangi bir yardım temelde kullanıcı bir miktar girin veya başka bir düğmeye burada

tıklamıyorsa 10 daima göstermek istiyorum benim js olduğunu takdir edilecektir!

Answer 1

Sen küresel Bu

mağaza varsayılan yapmak ve değer boşken sonra uygulayabilirsiniz.

var defaultValue = 10; 

$('#donation-amount').keyup(function() { 
    if($(this).val()) { 
     $('#display-amount').text($(this).val()); 
    } else { 
     $('#display-amount').text(defaultValue); 
    } 
}); 

onun boş, http://jsbin.com/guxukodace/edit?html,js,output