Javascript 有没有办法根据对jquery中克隆元素的更改来更新clone()源?
我有一个包含复选框输入的克隆元素。当取消选中克隆元素时,我需要同时取消选中源元素。在jQuery中有这样做的方法吗?还是我的做法不对(即使用Javascript 有没有办法根据对jquery中克隆元素的更改来更新clone()源?,javascript,jquery,jquery-clone,Javascript,Jquery,Jquery Clone,我有一个包含复选框输入的克隆元素。当取消选中克隆元素时,我需要同时取消选中源元素。在jQuery中有这样做的方法吗?还是我的做法不对(即使用clone())?我应该提到,我的问题与此类似,只是我需要在克隆元素更改时更新原始元素,而不是简单地维护引用 在克隆的元素上添加一个事件侦听器,以便在更改原始元素时更新它 像这样的 var initial = $('some-element'), cloned = initial.clone(); cloned.on('change', funct
clone()
)?我应该提到,我的问题与此类似,只是我需要在克隆元素更改时更新原始元素,而不是简单地维护引用 在克隆的元素上添加一个事件侦听器,以便在更改原始元素时更新它
像这样的
var initial = $('some-element'),
cloned = initial.clone();
cloned.on('change', function(){
initial
.prop('checked', this.checked)
.trigger('change');
});
由于它是一个复选框,并且您特别关注复选框的选中/取消选中,因此您可以侦听事件“”,该事件将在每次复选框的
选中状态更改时触发
var copy = $('#my-element').clone();
copy.change(function(){
$('#my-element').replaceWith(copy.clone());
});
$(文档).ready(函数(){
var$source=$(“#源输入[type='checkbox']”);
var$target=$source.clone(true,true);
$(“#目标”)。追加($目标);
//设置当前源值。。
$($source.prop(“选中”)、$target.prop(“选中”);
//在更改时将源代码更新为目标代码,反之亦然。。。
$target.change((事件)=>{
$($source.prop(“选中”),$(event.target.prop(“选中”);
});
$source.change((事件)=>{
$($target.prop(“选中”),$(event.target.prop(“选中”);
});
});代码>
来源
目标