Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/363.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.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 选中复选框时如何将图像从一个div移动到另一个div_Javascript_Html_Image_Checkbox - Fatal编程技术网

Javascript 选中复选框时如何将图像从一个div移动到另一个div

Javascript 选中复选框时如何将图像从一个div移动到另一个div,javascript,html,image,checkbox,Javascript,Html,Image,Checkbox,我想知道当选中复选框时,如何使用JavaScript将图像从一个div移动到另一个div。选中复选框时,它们都应位于div class=“ekran”中,但同时如果选中另一个复选框,则上一个复选框将被取消选中,上一个图像将消失。我一直在想这个问题,但似乎找不到任何解决办法。所以,如果你有一些想法 window.addEventListener('load',start,false); 函数start(){ var slike=document.getElementsByTagName('img

我想知道当选中复选框时,如何使用JavaScript将图像从一个div移动到另一个div。选中复选框时,它们都应位于div class=“ekran”中,但同时如果选中另一个复选框,则上一个复选框将被取消选中,上一个图像将消失。我一直在想这个问题,但似乎找不到任何解决办法。所以,如果你有一些想法

window.addEventListener('load',start,false);
函数start(){
var slike=document.getElementsByTagName('img');
var ekran=document.getElementsByClassName('ekran')[0];
document.body.addEventListener('click',menjaj,false);
函数menjaj(e){
var img=document.createElement('img');
img.src=slike.src;
ekran.innerHTML='';
依克兰儿童(img);
}
}

JavaScript

您可以通过为要将图像复制到的div设置目标来使用附加内部html

就是这条线

target.innerHTML += document.getElementById(checked).parentElement.innerHTML
这是您的代码的工作版本

函数myFunction(已选中){
console.log(“已检查”,已检查)
//获取复选框
var checkBox=document.getElementById(选中);
var target=document.getElementById('target')
//如果选中该复选框,则移动图像
如果(checkBox.checked==true){
target.innerHTML+=document.getElementById(已选中).parentElement.innerHTML
//如果不想从源代码隐藏div,请删除下面的一行
checkBox.parentElement.innerHTML='';
}
}

JavaScript
我是目标部门

您的问题有点不清楚,根据您在此处提供的代码,它与您可能要查找的结构不匹配,请您更具体地说明您想要做什么?您希望一次移动一个图像还是每个选定图像?请尝试解释更多。当选中该图像上方的复选框时,我尝试一次只移动一个图像,我想将它们移动到div class=“ekran”,因此如果选中一个复选框,则下方的图像将转到div ekran,如果我选中其他复选框,则新图像应位于div ekran中。我知道我可能应该用单选按钮来实现这一点,但我想要复选框@Kai@Alex如果这解决了你的问题,请考虑接受作为答案。