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

Copy value from one input into multiple inputs using javascript

本文关键字：输入 一个 复制 javascript 使用      更新时间：2023-09-26

我希望能够将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>

使用jquery:

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

Try

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());
<标题>演示

尝试使用

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

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

相关文章：