javascript - 追加到更改功能

Question

我有 3 种形式:foo、bar 和 baz，其中包含相同的复选框集:

<form id="foo_form" method="post" action="foo">
  <input class="foo checkbox" id="foo_select_1" name="ids[]" type="checkbox" value="1" />
  <input class="foo checkbox" id="foo_select_2" name="ids[]" type="checkbox" value="2" />
  <input class="foo checkbox" id="foo_select_3" name="ids[]" type="checkbox" value="3" />
  ...
  <input type="submit" value="action 1" />
</form>

然后我有一个这样的函数:

function clone_checkboxes_values(src_form, src_prefix, dst_prefix) {
  $('#' + src_form + ' input:checkbox').change(function() {
     $('#' + dst_prefix + this.id.replace(src_prefix, '')).prop('checked', this.checked);
 });
}

我运行的:

clone_checkboxes_values('foo_form', 'foo_select', 'bar_select');

它使foo处的每个复选框更改都被复制到bar。我希望再次调用 clone_checkboxes_values 以将更改复制到 baz(不要覆盖 change(function(){})但附加到它。我不知道如何制作它。请帮忙。

这是Fiddle一切都已准备好。

Answer 1

我想你已经明白了。您需要做的就是调用这个:

clone_checkboxes_values('foo_form', 'foo_select', 'baz_select');

可能它不起作用，因为您在 baz_select 之前缺少 '。

http://jsfiddle.net/5a3Jj/1/