我有一些输入字段 - 字段的计数将是动态的 - 想要将值连接到其他字段中。将 C01 到 N 的 id 连接起来并将其存储在 cNum 字段中。请帮忙。
<form class="cardForm" style="padding: 10px;"autocomplete="off" novalidate>
<div class="cardDiv">
<input type="hidden" id="C00" class="cardNum" value="" maxlength="1" />
<input type="text" id="C01" class="cardNum" value="" maxlength="1" autofocus/>
<input type="text" id="C02" class="cardNum" value="" maxlength="1"/>
<input type="text" id="C03" class="cardNum" value="" maxlength="1"/>
<input type="text" id="C04" class="cardNum" value="" maxlength="1"/>
<input type="text" id="C05" class="cardNum" value="" maxlength="1"/>
<input type="text" id="C06" class="cardNum" value="" maxlength="1"/>
<input type="text" id="C07" class="cardNum" value="" maxlength="1"/>
<input type="text" id="C08" class="cardNum" value="" maxlength="1"/>
<input type="text" id="C09" class="cardNum" value="" maxlength="1"/>
<input type="text" id="C10" class="cardNum" value="" maxlength="1"/>
<input type="text" id="C11" class="cardNum" value="" maxlength="1"/>
<input type="text" id="C12" class="cardNum" value="" maxlength="1"/>
<input type="text" id="C13" class="cardNum" value="" maxlength="1"/>
<input type="text" id="C14" class="cardNum" value="" maxlength="1"/>
<input type="text" id="C15" class="cardNum" value="" maxlength="1"/>
<input type="text" id="C16" class="cardNum" value="" maxlength="1"/>
</div>
<div>
<input type="text" id="cNum" class="cardNum" value="" maxlength="1"/>
<input type="text" id="cStatus" class="cardNum" value="" maxlength="1"/>
</div>
<button class="cardReset btn-link" type="reset" value="Reset"><u>Reset</u></button>
</form>
最佳答案
您可以尝试下面的代码或在 jsfiddle 上运行解决方案,这是一种简单的方法。 。 说明:按下键时,它将连接以大写“C”开头的文本框的所有值,并将其结果为“cNum”文本
$("input[id^=C]").keyup(function(e) {
var str = "";
$("input[id^=C]").each(function(index) {
str = str + $(this).val()
});
$("#cNum").val(str);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form class="cardForm" style="padding: 10px;" autocomplete="off" novalidate>
<div class="cardDiv">
<input type="hidden" id="C00" class="cardNum" value="" maxlength="1" />
<input type="text" id="C01" class="cardNum" value="" maxlength="1" autofocus/>
<input type="text" id="C02" class="cardNum" value="" maxlength="1" />
<input type="text" id="C03" class="cardNum" value="" maxlength="1" />
<input type="text" id="C04" class="cardNum" value="" maxlength="1" />
<input type="text" id="C05" class="cardNum" value="" maxlength="1" />
<input type="text" id="C06" class="cardNum" value="" maxlength="1" />
<input type="text" id="C07" class="cardNum" value="" maxlength="1" />
<input type="text" id="C08" class="cardNum" value="" maxlength="1" />
<input type="text" id="C09" class="cardNum" value="" maxlength="1" />
<input type="text" id="C10" class="cardNum" value="" maxlength="1" />
<input type="text" id="C11" class="cardNum" value="" maxlength="1" />
<input type="text" id="C12" class="cardNum" value="" maxlength="1" />
<input type="text" id="C13" class="cardNum" value="" maxlength="1" />
<input type="text" id="C14" class="cardNum" value="" maxlength="1" />
<input type="text" id="C15" class="cardNum" value="" maxlength="1" />
<input type="text" id="C16" class="cardNum" value="" maxlength="1" />
</div>
<div>
<input type="text" id="cNum" class="cardNum" value="" maxlength="1" />
<input type="text" id="cStatus" class="cardNum" value="" maxlength="1" />
</div>
<button class="cardReset btn-link" type="reset" value="Reset"><u>Reset</u></button>
</form>
关于javascript - JQuery/JavaScript 连接每个按键上的输入值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35029776/