Javascript 获取所有已选中的复选框，然后在其中循环

好的，我有一种情况，我有一个页面，上面有复选框，旁边是带有输入文本字段的项目

我在顶部有一个按钮，上面有相同的字段，用户可以使用这些字段将设置应用于页面中已使用各自复选框选中的所有字段

我正试图找出如何获取页面中所有已选中的复选框，然后对它们进行循环，以便我可能获取该行的ID，然后更新相应的项目，但我不确定如何100%地做到这一点

页面上的每个复选框都有相同的类名，所以我认为类似的东西可以工作

var selected = $('input:checked', '.discount_select');

但它似乎不起作用

下面是一个复选框示例及其对应的文本框

<input type="text" size="4" name="discount[101129]">
<input type="checkbox" value="1" class="discount_select" name="select[101129]">

所以基本上我想循环查看找到的selectec复选框，希望能够以某种方式拉出id

101129

，然后能够用相同的id更新文本框

jsiddle:

您需要

var selected = $('input.discount_select:checked' );

你需要

var selected = $('input.discount_select:checked' );

这应该起作用：

$('#apply_selected').click(function() {
    $('.discount_select:checked').each(function() {
        $(this).prev("input").val(this.name);
    });
});

演示：

编辑：要实际应用顶部输入的值，请使用以下命令：

$('#apply_selected').click(function() {
    $('.discount_select:checked').each(function() {
        $(this).prev("input").val($("#apply_discount").val());
    });
});

演示：

这应该可以：

$('#apply_selected').click(function() {
    $('.discount_select:checked').each(function() {
        $(this).prev("input").val(this.name);
    });
});

演示：

编辑：要实际应用顶部输入的值，请使用以下命令：

$('#apply_selected').click(function() {
    $('.discount_select:checked').each(function() {
        $(this).prev("input").val($("#apply_discount").val());
    });
});

---

演示：

不太有效，当我在顶部的字段中输入

90

时，它在其他字段中输入的文本实际上是

select[101131]

。@Brett——它应该是什么，顶部字段与它有什么关系？虽然这只是在选中的输入上循环并获取ID属性（它不存在，这就是为什么我使用

name

），但它应该是放入

apply

按钮左侧字段的值。所有输入都应该包含指定的值@Bretti有没有办法不用

prev

选择器来执行此操作？例如，通过引用名称/id？不太有效，当我在顶部的字段中输入

90

时，它在其他字段中输入的文本实际上是

select[101131]

。@Brett——它应该是什么，顶部字段与它有什么关系？虽然这只是在选中的输入上循环并获取ID属性（它不存在，这就是为什么我使用

name

），但它应该是放入

apply

按钮左侧字段的值。所有输入都应该包含指定的值@Bretti有没有办法不用

prev

选择器来执行此操作？比如通过引用名称/id？