获取所有已选中的复选框，然后循环使用它们

Getting all checkboxes that have been checked and then looping through them

本文关键字：循环 然后 复选框 获取      更新时间：2023-09-26

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

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

我正试图弄清楚如何获取页面中所有已选中的复选框，然后循环浏览它们，这样我就可以获取该行的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更新文本框。

Js报价：http://jsfiddle.net/79udU/

这应该有效：

$('#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/

您需要

var selected = $('input.discount_select:checked' );
相关文章：