Question

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

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

我正在尝试弄清楚如何获取已经检查过的页面中的所有复选框然后循环遍历它们以便我可以获取该行的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更新文本框。

JsFiddle：http://jsfiddle.net/79udU/

Answer 1

这应该有效：

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

演示：http://jsfiddle.net/79udU/1/

编辑：要实际应用顶部输入中的值，请使用：

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

演示：http://jsfiddle.net/79udU/2/

Answer 2

你需要

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

获取已经检查过的所有复选框，然后循环遍历它们

2 个答案: