Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/474.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JQuery/JavaScript将每个键上的输入值串联起来_Javascript_Jquery_Html_String Concatenation - Fatal编程技术网

JQuery/JavaScript将每个键上的输入值串联起来

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

我有一些输入字段-字段的计数将是动态的-希望将值连接到其他字段中。将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="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 );