jQuery: Изменение значения ввода onCLick

Question

Использование jQuery, я хочу нажать на различные кнопки и получить текстовый ввод в текстовом поле с помощью кнопки.

<ul class="list-unstyled list-inline"> 
 
    <li><button type="button" id="p1" class="btn btn-primary btn-xl btn-block">$15</button></li> 
 
    <li><button type="button" id="p2" class="btn btn-primary btn-xl btn-block">$25</button></li> 
 
    <li><button type="button" id="p3" class="btn btn-primary btn-xl btn-block">$50</button></li> 
 
    <li><button type="button" id="p4" class="btn btn-primary btn-xl btn-block">$75</button></li> 
 
    <li><button type="button" id="p5" class="btn btn-primary btn-xl btn-block">$100</button></li> 
 
    <li> 
 
     <div class="control-group"> 
 
      <div class="form-control-donate controls"> 
 
       <input name="textinput" placeholder="$ Other Amount" class="form-control" type="text"> 
 
      </div> 
 
     </div> 
 
    </li> 
 
</ul>

Answer 1

$('button').click(function(e){ 
    $('input[name=textinput]').val($(this).text()); 
}); 

Answer 2

Может быть что-то вроде этого:

$('#p1,#p2,#p3,#p4,#p5').on('click', function() { 
    $('input.form-control').val($(this).text()); 
});