Selecionar Input checkbox e criar automaticamente div em outra div

[Giihh 6]

Olá

Tenho o seguinte form

<form id="formTest">
        <input type="checkbox" id="imageOne"> <img src="/uploads/imagens/imageone.jpg">
        <input type="checkbox" id="imageTwo"> <img src="/uploads/imagens/imageone.jpg">

</form>  

Ao selecionar uma das opções duas ou mais gostaria que o conteudo seja criado dentro da div

<div class = "test">
<div>

Nesse tutorial deu pra ter uma ideia de como criar um novo elemento com jquery

 

http://jquerybrasil.org/criando-elementos-com-jquery/

<script>
$("#formTest").change(function () {
$('<div>',{
id : 'imageTow or One',
});

}); 
</script>

Alguma sugestão de como faço para ao selecionar os checkboxs criar automaticamente o que foi selevionado dentro da div "test"?

 

Agradeço ajuda

 

 

[wootzor 103]

Antes de mais, uma vez que queres escolher apenas uma das opções, talvez um radio button seja mais indicado do que uma check box.

Dito isto, algo assim deve resolver a questão:

<form id="formTest">
  <input type="radio" id="imageOne" name="image"> <img src="http://lorempixel.com/g/110/110/"/>
  <input type="radio" id="imageTwo" name="image"> <img src="http://lorempixel.com/g/120/120/" />
</form>
<br/><br/>
<div class="test"></div>

$(document).ready(function() {
  $("input[type='radio']").click(function() {
     if (this.checked) {
    	var $href = $(this).next("img").attr("src");
    	$(".test").html("<img src=" + $href + " />");
     }  
  });
});

[Giihh 6]

Obrigada, realmente preciso que seja mais de uma opção, então por isso o checkbox, estou tentando:

 

http://stackoverflow.com/questions/34536346/how-to-select-input-checkbox-and-create-automaticaly-div-in-other-div/34537821?noredirect=1#comment56836397_34537821

 

https://jsfiddle.net/veqy3tdj/1/

 

Mas aparece undefined

[wootzor 103]

Tenta assim. Acontece que ele vai adicionar tantas imagens quantas vezes clicares na check box. Não sei se isso é um problema ou não.