Criar checkbox din�micas

07/10/2013

Pessoal, n�o sei se isso entraria como PHP ou como javascript, mas � o seguinte:

Estou criando um Painel de Controle onde s�o permitidos m�ltiplos envios de fotos. Sendo assim, clico num checkbox e � aberta uma div com a op��o de carregar uma foto e inserir um texto.

			function mostra_div(){
				if (document.getElementsByName('ch1').checked)
				{
					$('#item1').fadeIn('slow');
					
				}
				else
				{
					$('#item1').fadeOut('slow');
				}
			}

<input type="checkbox" value="teste" name="ch1" onchange="mostra_div();" id="ch1" />Mais itens
<div id="item1" style="height:200px; width:400px; background-color:#F00; display:none;"></div>

Aparece na tela assim:

[ ] Mais itens

E quando seleciono, aparecem:
[ Selecionar arquivo...] Carregar foto
[____________] texto dessa foto

Beleza, funciona perfeitamente bem. Por�m como s�o m�ltiplos envios, teria que aparecer logo abaixo, de novo, uma checkbox que permita quando selecionada, fazer a mesma coisa, e assim por diante.

Basicamente, quando clico no checkbox, � necess�rio criar outra checkbox autom�tica que fa�a a mesma coisa, e assim por diante, at� quando o usu�rio n�o mais selecionar nenhuma checkbox. Como eu poderia fazer algo assim?
Lembrando ainda que, os nomes de selecionar fotos, checkbox e texto da foto devem estar como um array para que possam ser inseridos no BD.

Entenderam ou confundi?

Desde j� agrade�o!

Ayglon Fernando

Curtir t�pico + 0

Responder

Posts

08/10/2013

Ayglon Fernando

Resolvido... fiz da seguinte maneira:

        <script type="text/javascript">
			var i=0;
			function add(){
				if (document.getElementById('check'+i).checked) 
				{   
					i++;  
					var title = 'Mais itens';
					var node = document.createElement('div');
					node.innerHTML =  '<label for="upload' + i + '">Foto Extra '+ i +'</label> <input type="file" id="file' + i + '" name="file' + i + '"><br /><br /><label for="texto' + i + '">Texto Extra '+ i +'</label> <textarea id="texto' + i + '" name="texto' + i + '"></textarea><br /><br /><input type="checkbox" id="check' + i + '" name="check' + i + '" onchange="add();"> <label for="check' + i + '">Mais itens</label>';       
					
					document.getElementById('conteudo').appendChild(node);
				}
			}		
		</script>

e dentro do checkbox fiz:

<input type="checkbox" value="teste" name="ch1" onchange="add();" id="check0" />Mais itens

Responder

Gostei + 0