JQuery/JavaScript将每个键上的输入值串联起来
我有一些输入字段-字段的计数将是动态的-希望将值连接到其他字段中。将ID从C01连接到N,并将其存储在cNum字段中。请帮忙JQuery/JavaScript将每个键上的输入值串联起来,javascript,jquery,html,string-concatenation,Javascript,Jquery,Html,String Concatenation,我有一些输入字段-字段的计数将是动态的-希望将值连接到其他字段中。将ID从C01连接到N,并将其存储在cNum字段中。请帮忙 重置 如果是我,我会给C01到C16增加一个类似这样的类 <input type="text" id="C01" class="cardNum cardVal" value="" maxlength="1"/> <input type="text" id="C02" class="cardNum cardVal" value="" maxlength
重置
如果是我,我会给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 = "";
$(".cardNum").each(function(i, txt){
if(txt.attr("id").indexOf("C") >= 0){
finalString += txt.val();
}
});
$("#cNum").val(finalString);
试试这个
var concatenatedValue = "";
$( ".cardNum" ).each( function(){
var id = $( this ).attr( "id" );
var number = id.substring(1);
if ( !isNaN( number ) )
{
concatenatedValue += $( this ).val();
}
} );
alert( concatenatedValue );
通过一种简单的方式,您可以尝试下面的代码或在上运行解决方案。 说明:在向上键时,它将连接以大写字母“C”开头的文本框的所有值,并将其转换为“cNum”文本
$(“输入[id^=C]”)。键控(函数(e){
var str=“”;
$(“输入[id^=C]”)。每个(函数(索引){
str=str+$(this).val()
});
$(“#cNum”).val(str);
});代码>
重置
您可以监听“cardNum”类的keyup事件,将所有输入连接到div“cardDiv”下,并设置为输入框
下面是一个工作示例
$(“.cardNum”).keyup(函数(){
var str=“”;
$(.cardDiv.cardNum”)。每个(函数(){
str+=$(this.val();
});
$(“#cNum”).val(str);
});代码>
重置
到目前为止,您尝试了什么?我没有看到任何JavaScript代码,只有一个简单的HTML表单。它工作得很好。我试过(“#cNum”).va((“#C01”).val()+…)。我不擅长javascript/jquery:-(谢谢老兄,这正是我需要的。非常感谢你的回复。
var concatenatedValue = "";
$( ".cardNum" ).each( function(){
var id = $( this ).attr( "id" );
var number = id.substring(1);
if ( !isNaN( number ) )
{
concatenatedValue += $( this ).val();
}
} );
alert( concatenatedValue );