我正在尝试将 4 个输入字段组合到一个 jQuery 函数中,以便它检查每个输入作为它的键,当所有框的长度都达到 4 时,列表项会更改以确认所有字段都已满
HTML
<div class="cardNumber">
<input type="text" value="" maxlength="4" name="ccn1" id="ccn1">
<input type="text" value="" maxlength="4" name="ccn2" id="ccn2">
<input type="text" value="" maxlength="4" name="ccn3" id="ccn3">
<input type="text" value="" maxlength="4" name="ccn4" id="ccn4">
</div>
<ul>
<li class="checkNumber">Card Number</li>
</ul>
jQuery
$(".cardNumber input[name=ccn1], .cardNumber input[name=ccn2], .cardNumber input[name=ccn3], .cardNumber input[name=ccn4]").keyup(function() {
$(".cardNumber input[name=ccn1], .cardNumber input[name=ccn2], .cardNumber input[name=ccn3], .cardNumber input[name=ccn4]").each(function() {
if ($(".cardNumber input[name=ccn1], .cardNumber input[name=ccn2], .cardNumber input[name=ccn3], .cardNumber input[name=ccn4]").length >= '4') {
$("li.checkNumber").addClass("checked");
}
});
});
演示:http: //jsfiddle.net/fz4wF/