使用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>
&#13;
答案 0 :(得分:2)
$('button').click(function(e){
$('input[name=textinput]').val($(this).text());
});
答案 1 :(得分:1)
可能是这样的:
$('#p1,#p2,#p3,#p4,#p5').on('click', function() {
$('input.form-control').val($(this).text());
});