javascript - 使用 JavaScript 将一个输入的值复制到多个输入

标签 javascript html getelementbyid

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

关于javascript - 使用 JavaScript 将一个输入的值复制到多个输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25483767/

相关文章:

html - 为什么有些字体大小在浏览器中不一致?

html - 由于位置 :relative, Bootstrap 网页已禁用输入

javascript - Firefox iframe 中的 getElementById 返回 null 但适用于 Safari/Chrome

Javascript/Facebox getElementById 不返回任何内容

javascript - Chrome 中没有在 ENTER 键上生成按键事件?

javascript - 鼠标悬停会启动元素数组的随机翻转

javascript - 这段 JavaScript 代码(数组)有什么问题?

php - Javascript 原型(prototype)是否类似于 PHP 静态方法?

javascript - 在悬停 HTML 视频上使用自动播放在暂停时获取叠加层或占位符

javascript - python中的CKEditor filemanager