我如何逐個檢查的追加投入

例如，我想只有第二附加輸入感謝的價值

<html> 
<head> 
    <title></title> 
</head> 
<body> 
<script type="text/javascript"> 

    $(".addinput").click(function(){ 
     $('.samplediv').append('<input type="text" class="sampleinput">'); 
    }); 
</script> 

<div class="samplediv"> 
    <input type="text" class="sampleinput"> 
</div> 
<button class="addinput"></button> 



</body> 
</html>

來源

2017-03-17 Samuel Marvin Aguilos

這只是一種方式（不是最好的方式）來完成你所要求的。

這裏是一個工作示例：https://jsfiddle.net/zzukok0j/

$(".addinput").click(function(){ 

    $('.samplediv').append('<input type="text" class="sampleinput">'); 

    var counter = 0; 
    $('.sampleinput').each(function(poop) { 
     if(counter===1) { 
     alert($(this).val()); 
     } else { 
      counter++; 
     } 
    }); 

});

來源

2017-03-17 21:01:59 Moose

先生，我想實現檢查每個輸入值與相同的類名，如果它是空的。一旦所有這些輸入都被填滿了，並且如果你再次追加一個輸入，它將被禁用，因爲它是空的，希望你明白我的問題，謝謝 –

然後，你需要改變'.each（）方法如下所示：'if（$（this）.val（）===「」）{$（'button'）。attr（'disabled'，'true'）;打破; } – Moose

下面的代碼段將允許你獲得每個所附輸入的值。

var $inputs = $('.samplediv input'); 
$inputs.each(function(index) { 
    value = this.val(); 
    // now you can use value for whatever you need 
    console.log(value); 
});

我希望這會有所幫助。快樂的編碼！

來源

2017-03-17 21:02:26

使用jQuery每個功能來選擇每個字段，做你想做的......

$('input[type="text"]').each(function(){ 
    //do something 
});

來源

2017-03-17 21:02:59 Shakthi

添加一類獨特的每個輸入並使用該類來獲取值。對於第二個，使用類似：

$("input.num-2).val();

var num = 1; 
 
$(".addinput").click(function(){ 
 
    $('.samplediv').append('<input type="text" class="sampleinput num-' + num + '">'); 
 
    num++; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="samplediv"> 
 
</div> 
 
<button class="addinput">Add input</button>

來源

2017-03-17 21:10:34

我如何逐個檢查的追加投入

回答

相關問題