javascript - 如何获取同名的多个文本？

Question

当为每个复选框选中复选框时，jquery 创建输入我怎样才能得到所有带名字的输入？？

如果选中复选框创建输入:

    <script>
function dynInput(cbox) {
    if (cbox.checked) {
        var input = document.createElement("input");
        input.type = "text";
        input.className = "cbox";
        var div = document.createElement("div");
        div.className = "cbox-div";
        div.id =  cbox.name;
        div.innerHTML =cbox.name;

        div.appendChild(input);
        document.getElementById("insertinputs").appendChild(div);
    } else {
        document.getElementById(cbox.name).remove();
    }
}</script>

复选框和输入:

      <form class="add-item">
          <input type="checkbox"  onclick="dynInput(this);"  name="1"> 1<br>
          <input type="checkbox"  onclick="dynInput(this);"  name="2"> 2<br>
          <input type="checkbox"  onclick="dynInput(this);"  name="3"> 3<br>
          <input type="checkbox"  onclick="dynInput(this);"  name="4"> 4<br>
      </form>
      <p id="insertinputs"></p>

我只能获取第一个输入值:

    var item = $(".cbox").val();

    console.log(item);

Answer 1

您需要遍历所有输入，例如:

$(".cbox").each(function(){
    var item = $(this).val();
    console.log(item);
});