javascript - 如何获得多个同名文字？

当每个复选框选中复选框时，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);

最佳答案

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

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

关于javascript - 如何获得多个同名文字？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44285008/