jquery - 如果勾选了复选框则执行此操作，取消选中则执行此操作

Question

我在勾选/取消勾选复选框时遇到了一些麻烦。

我目前使用的是 jquery vs 1.4

问题:

我有一个复选框列表，其 ID 是由 PHP 循环生成的。

即

• 勾选框 1 id = checkthis_1
• 勾选框 2 id = checkthis_2
• 勾选框 3 id = checkthis_3
• 等等

当我选中一个复选框时，我想获取该复选框的 ID(1、2 或 3)并将其添加到隐藏字段。当同一复选框未选中时，我想从隐藏字段中删除其 id。

即

我勾选了复选框 3，数字 3 进入我的隐藏字段。当我取消选中复选框 3 时，数字 3 将从隐藏字段中删除。

有人可以帮忙吗？

提前致谢

Answer 1

每次单击复选框时，都会遍历所有选中的复选框并连接它们的 id..

$(document).ready(function() {

    $('input[type=checkbox]').click(function() {

        var result = '';

        $('input[type=checkbox]:checked').each(function() {
            result += $(this).attr('id') + ';'
        });

        $('#your-hidden-field-id').val(result);

    });

});​

DEMO

或者使用 map 执行此操作的另一种方法方法:

$('#your-hidden-field-id').val($('input[type=checkbox]:checked').map(function() {
    return $(this).attr('id');
}).get().join(';'));