Javascript 选中复选框时如何将图像从一个div移动到另一个div
我想知道当选中复选框时,如何使用JavaScript将图像从一个div移动到另一个div。选中复选框时,它们都应位于div class=“ekran”中,但同时如果选中另一个复选框,则上一个复选框将被取消选中,上一个图像将消失。我一直在想这个问题,但似乎找不到任何解决办法。所以,如果你有一些想法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
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如果这解决了你的问题,请考虑接受作为答案。