jQuery:改变输入onCLick的值

时间:2015-03-05 13:45:09

标签: javascript jquery

使用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;
&#13;
&#13;

2 个答案:

答案 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());
});