javascript - 如何将输入的值插入到其下方的输入中

Question

基本上，如果我在第 3 行、第 4 行和第 5 行中输入 100，则它下面的行也会插入 100。这可能吗？

HMTL

<input id="row1">
<input id="row2">
<input id="row3">
<input id="row4">
<input id="row5">

标签： javascripthtmljquery

Answer 1

该.nextAll()方法将选择与选择器匹配的所有以下兄弟姐妹。所以你可以做

$("input[id^=row]").change(function() {
    $(this).nextAll("input[id^=row]").val($(this).val());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="row1">
<input id="row2">
<input id="row3">
<input id="row4">
<input id="row5">