javascript - 只有第一个复选框值被添加到我的表中

Question

无论我在复选框列表中选中多少项，当我查看要添加行的表格时，只有选中的第一个复选框的值会添加到我的表格中。我试图遍历每个复选框并获取要插入的每个复选框的值，但它似乎不起作用。有什么线索让我搞砸了吗？

在我的 jquery 中，我正在运行一个 if 语句，以防止在未选中某个框时将 undefined 添加到我的表中。

这是一个演示我在做什么的 jsfiddle:http://jsfiddle.net/22L9x006/

$(document).on('click', 'input:checkbox[name=certsToValid]', function() {
$newTableRow = '<tr><td><p>' + $('[name=certsToValid]:checked').val() + '</p></td><td><input type="text" placeholder="Credential #..." class="certInput" /></td><td><p>$5.00</p></td><td><div class="removeRow"></div></td></tr>';
$(this).attr('value');
if($.each($('input:checkbox[name=certsToValid]').is(':checked')) && $(this) != undefined) {
    $('.certSelections').append($newTableRow); 
}
});

Answer 1

我刚刚调整了你的 Fiddle因此具有单击复选框值的选项被添加到表中。调整是为了改变

$newTableRow = '<tr><td><p>' + $('[name=certsToValid]:checked').val() + ...

进入

$newTableRow = '<tr><td><p>' + $(this).val() + ...

这不是我猜你的完整解决方案，例如想要在未选中复选框时删除一行，目前每次单击复选框都会添加一个新行，但我认为您可以从这里开始解决。