javascript - 使用带有js的按钮获取while循环的值

Question

如何使用带有 js 的按钮获取 while 循环中的值？

<?php
    while ($row = mysqli_fetch_array($query))
    {
      echo '<input type="text" name="sample" value="'.$row['sample'].'">';

    } 
?>

谢谢

Answer 1

点击按钮即可获取文本框的值。

<input type="text" name="sample[]" value="abc" class="valueInput">
<input type="text" name="sample[]" value="xyz" class="valueInput">
<input type="text" name="sample[]" value="pqr" class="valueInput">
<input type="button" class="getValue" value="Get Value">

注意:我已经设置了静态输入框，您可以将其设为动态，但请确保将类添加为 valueInput。

Jquery 代码。

$(document).on('click','.getValue',function(){
var valArr = [];
$(".valueInput").each(function(){
    valArr.push($(this).val());
});
console.log(valArr);
})