将复选框标记复制到另一个表单

我有两种forms：

FOO：

    ...   

酒吧：

 
    ... # some other input fileds here   

我需要JS（jQuery），因为foo每次更改复选框都会更改相应的复选框。

其主要目标是为相同的复选框设置2个不同的操作。 我想隐藏那些带有CSS的bar ，只留下提交按钮。 这里描述了所有内容

Answer 1

这样做：

小提琴

 $(document).ready(function(){ $('#foo_form input:checkbox').change(function(){ $('#bar_' + this.id.replace('foo_', '')).prop('checked', this.checked); }); }); 

Answer 2

这似乎是一件非常奇怪的事情。 您是否只需要在选中复选框时从#bar_form表单获取当前值的副本？ 如果是这样，我会考虑使用数据$('#foo_form').serializeArray()会在更改事件后给你。

 $('#foo_form').on('change', function () { var $form = $(this); console.table($form.serializeArray()); });