我有一些输入字段 - 字段数将是动态的 - 想要将值连接到其他字段。将C01中的ID连接到N并将其存储在cNum字段中。请帮忙。
{{1}}
答案 0 :(得分:0)
如果是我,我会给C01 C16一个类似
的附加课程<input type="text" id="C01" class="cardNum cardVal" value="" maxlength="1"/>
<input type="text" id="C02" class="cardNum cardVal" value="" maxlength="1"/>
.
.
.
<input type="text" id="C16" class="cardNum cardVal" value="" maxlength="1"/>
然后
var finalString = "";
$(".cardVal").each(function(i, txt){
finalString += txt.val();
});
$("#cNum").val(finalString);
但是如果你不想这样做,你可以做这样的事情
var finalString = "";
$(".cardNum").each(function(i, txt){
if(txt.attr("id").indexOf("C") >= 0){
finalString += txt.val();
}
});
$("#cNum").val(finalString);
答案 1 :(得分:0)
试试这个
var concatenatedValue = "";
$( ".cardNum" ).each( function(){
var id = $( this ).attr( "id" );
var number = id.substring(1);
if ( !isNaN( number ) )
{
concatenatedValue += $( this ).val();
}
} );
alert( concatenatedValue );
答案 2 :(得分:0)
您可以通过简单的方式尝试下面的代码或在jsfiddle上运行解决方案。 说明:在键盘上,它将连接以大写&#39; C&#39;开头的文本框的所有值。并导致它进入&#39; cNum&#39;文本
$("input[id^=C]").keyup(function(e) {
var str = "";
$("input[id^=C]").each(function(index) {
str = str + $(this).val()
});
$("#cNum").val(str);
});
&#13;
<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>
&#13;
答案 3 :(得分:0)
您可以收听课程&#34; cardNum&#34;的keyup事件并在div&#34; cardDiv&#34;下连接所有输入。并设置为输入框。
这是工作示例。
$(".cardNum").keyup(function() {
var str = "";
$(".cardDiv .cardNum").each(function(){
str += $(this).val();
});
$("#cNum").val(str);
});
&#13;
<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>
&#13;