DEMO

Question

我希望能够将singleStakesBox中的值复制到每个柱箱输入中。我试图通过使用GetElementById来做到这一点，但它只适用于第一个收藏箱。

的Javascript

<script>
$('#singleStakesBox').keyup(function () {
    document.getElementById("stakebox").value = document.getElementById('singleStakesBox').value;
    calcTotalStake();
});
</script>

HTML

<input type="text" class="singlesStakeBox" id="singleStakesBox" />

<td><input type="text" class="stakebox" id="stakebox" data-stake="stakebox" /></td>
<td><input type="text" class="stakebox" id="stakebox" data-stake="stakebox" /></td>
<td><input type="text" class="stakebox" id="stakebox" data-stake="stakebox" /></td>
<td><input type="text" class="stakebox" id="stakebox" data-stake="stakebox" /></td>

Answer 1

只需使用jquery：

<script>
$('#singleStakesBox').keyup(function () {
    $(".stakebox").val($(this).val());
});
</script>

Answer 2

尝试

var input = document.getElementsByClassName("stakebox");
for (var i = 0; i < input.length; i++)
    input[i].value = document.getElementById('singleStakesBox').value;

或者只是使用jquery：

$(".stakebox").val($('#singleStakesBox').val());

DEMO

Answer 3

尝试使用

$('#singleStakesBox').keyup(function () {
    var stakeVal = $('#singleStakesBox').val();
    $('.stakebox').val(stakeVal);
});

并使用class属性而不是id来反映所有元素的值。 id属性意味着唯一，因为class属性包含所有共享属性

使用javascript将值从一个输入复制到多个输入

3 个答案:

DEMO