Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 有没有办法根据对jquery中克隆元素的更改来更新clone()源?_Javascript_Jquery_Jquery Clone - Fatal编程技术网

Javascript 有没有办法根据对jquery中克隆元素的更改来更新clone()源?

Javascript 有没有办法根据对jquery中克隆元素的更改来更新clone()源?,javascript,jquery,jquery-clone,Javascript,Jquery,Jquery Clone,我有一个包含复选框输入的克隆元素。当取消选中克隆元素时,我需要同时取消选中源元素。在jQuery中有这样做的方法吗?还是我的做法不对(即使用clone())?我应该提到,我的问题与此类似,只是我需要在克隆元素更改时更新原始元素,而不是简单地维护引用 在克隆的元素上添加一个事件侦听器,以便在更改原始元素时更新它 像这样的 var initial = $('some-element'), cloned = initial.clone(); cloned.on('change', funct

我有一个包含复选框输入的克隆元素。当取消选中克隆元素时,我需要同时取消选中源元素。在jQuery中有这样做的方法吗?还是我的做法不对(即使用
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(“选中”);
});
});

来源
目标