javascript - 按钮点击文本插入

Question

这是我一直在解决的问题的 jsfiddle 示例:

http://jsfiddle.net/YD6PL/61/

HTML:

<input type="text">
<input type="text">
<input type="text">
<div>
<button class="buttons">c</button>
<button class="buttons">a</button>
<button class="buttons">t</button>
</div>

JS:

$(document).ready(function () {

    $('input').click(function(){
        $(this).addClass('active').siblings('.active').removeClass('active')
    });

    $(".buttons").click(function () {
        var cntrl = $(this).html();
        $('input.active').append(cntrl);
    });
});

我无法单击按钮将单击的字符插入到 jsfiddle 示例中的文本框中。知道如何解决这个问题吗？

Answer 1

使用 val() 调用的组合，而不是像这样追加:$('input').val($('input').val()+cntrl)。看这里: http://jsfiddle.net/7fjgvuhh/