javascript - 将按钮值传递给另一个按钮

Question

我只是 JavaScript 的初学者，我不知道应该使用哪种函数。

这就是我想要做的，如果我点击选项中的任何按钮，我选择的按钮的值将被转移到其中没有值的按钮，我也可以删除我选择的值黑色按钮。这就像玩 4pics 1word。

示例如下:jsfiddle

<form>
    <button class="inputx" id="input1"  maxlength="1">E</button>
    <button class="inputx" id ="input2" maxlength="1">X</button>
    <button class="inputx" id ="input3" maxlength="1"></button>
    <button class="inputx" id = "input4" maxlength="1"></button>
    <button class="inputx" id = "input5" maxlength="1"></button>
    <button class="inputx" id = "input6" maxlength="1"></button>
    <button class="inputx" id = "input7" maxlength="1"></button>
    <button id="get">Check</button> 
</form>

<form>
    <h3>Choices</h3>
    <button value ="X" maxlength="1">X</button>
    <button value ="E" maxlength="1">E</button>
    <button value ="M" maxlength="1">M</button>
    <button value ="A" maxlength="1">A</button>
    <button value ="P" maxlength="1">P</button>
    <button value ="E" maxlength="1">E</button>
    <button value ="L" maxlength="1">L</button>
</form>

Answer 1

我已经用一个工作示例更新了 Fiddle。

http://jsfiddle.net/RF867/11/

主要思想是，当单击.letter 时，我们希望用单击的字母填充第一个空的.inputx。单击 .inputx 后将其删除。

$('.letter').click(function(){
    $('.inputx:empty').first().html($(this).html());
    return false;
});

$('.inputx').click(function(){
    $(this).empty();
    return false;
});