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

Question

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

我目前正在使用 jquery vs 1.4

问题：

我有一个复选框列表，它们的 id 是由 PHP 循环生成的。

IE

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

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

IE

我勾选复选框 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);

    });

});​

演示

或者使用map方法的另一种方法：

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

Answer 2

使用具有相同 ID 的复选框...

 $("input#same").click(function () {
                  if ($("input#same").is(':checked')) {
                      // Checked, copy values
                      Your Hide Code

                  }
                  else {
                      // On uncheck
                      Other stuff

                  }
              });

所以基本上有