Javascript 通过一系列复选框填充文本框

我试图从一些复选框中填充一系列文本框。有8个文本框，代码似乎只填充其中一个字段

以下是复选框：

<input name="naicscode" id="naicsCodeCheckbox0" class="naicsCodeCheckbox" type="checkbox" value="1" />
<input name="naicscode" id="naicsCodeCheckbox1" class="naicsCodeCheckbox" type="checkbox" value="1" />
<input name="naicscode" id="naicsCodeCheckbox2" class="naicsCodeCheckbox" type="checkbox" value="2" />
<input name="naicscode" id="naicsCodeCheckbox3" class="naicsCodeCheckbox" type="checkbox" value="3" />
<input name="naicscode" id="naicsCodeCheckbox4" class="naicsCodeCheckbox" type="checkbox" value="4" />
<input name="naicscode" id="naicsCodeCheckbox5" class="naicsCodeCheckbox" type="checkbox" value="2" />
<input name="naicscode" id="naicsCodeCheckbox6" class="naicsCodeCheckbox" type="checkbox" value="3" />
<input name="naicscode" id="naicsCodeCheckbox7" class="naicsCodeCheckbox" type="checkbox" value="4" />
<input type="button" id="secondaryNaicsButton" name="save_value" value="Save" />

试试这个：

$('#secondaryNaicsButton').click(function () {
    $('.naicsCodeCheckbox').each(function (i) {
        if (this.checked) {
            $('#secondaryNaicsCode' + i).val(this.value);
        }
    });
});

演示

---

注意：在您的代码中没有名为

.naiccode

的类，因此我使用了class

naiccode复选框

。如果您想按名称登录，您可以使用相同的代码，但使用

$（'input[name=“naicscode”]”）。每个（//etc…

。

我让代码正常工作。接受了一些好的建议

代码如下：

// gets values of check box in Secondary NAICS list
$('#secondaryNaicsButton').click(function() {
  $('.naicsCodeCheckbox:checked').each(function(e) {
    val = []
    val[e] = $(this).val();
    $('#secondaryNaicsCode'+e).val(val[e]);   
  }); 
});

---

演示我尝试了建议的代码。文本框中没有输入值。

$（“#secondarynaccode”+I）

现在没有

i

的值是否正确？因此它不会填充正确的文本框-想法？@TonyLombardi，我仍然在我的代码中使用

i

，您的使用方式实际上是错误的，因为您的选择器只获得了已选中的输入并制作了一个数组，那么该索引将与文本框不匹配index.确实很抱歉，我刚刚选中了它。让我来实现它，看看它会把我带到哪里。正如@Sergio提到的，您的选择器错误，应该是“.naicCodeCheckBox”而不是“.naicCode”，另一件事是，您只选择已选中的复选框，“I”是该数组的索引，而不是完整数组的索引（选中和未选中），因此需要选中所有复选框，然后检查是否已选中

111140                        fol_reg_form.js:215
undefined                     fol_reg_form.js:215
111150                        fol_reg_form.js:215
2
undefined                     fol_reg_form.js:215
111219                        fol_reg_form.js:215
3
undefined                     fol_reg_form.js:215
111331                        fol_reg_form.js:215
4
undefined                     fol_reg_form.js:215
111334 

$('#secondaryNaicsButton').click(function () {
    $('.naicsCodeCheckbox').each(function (i) {
        if (this.checked) {
            $('#secondaryNaicsCode' + i).val(this.value);
        }
    });
});

// gets values of check box in Secondary NAICS list
$('#secondaryNaicsButton').click(function() {
  $('.naicsCodeCheckbox:checked').each(function(e) {
    val = []
    val[e] = $(this).val();
    $('#secondaryNaicsCode'+e).val(val[e]);   
  }); 
});