Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

aprendizhtm

Clonando Radio Buttons dinâmicos com Jquery

Recommended Posts

Bom dia a todos. Estou tentando fazer um formulário dinâmico e emperrei na hora de criar os radio buttons. Primeiramente, o código:

 

<script type="text/javascript" src="jquery.js"></script>

[...]

<form>
	<div class="clonar">
		Blablabla:
		<input type="text" name="blablabla[]">

		<input type="radio" name="simnao" value="1" checked> Sim
		<br />
		<input type="radio" name="simnao" value="0"> Não

		<a href="#" class="removerCampo">Remover</a>
	</div>

		<a href="#" class="adicionarCampo">Adicionar</a>

		<input type="submit" value="Enviar">
</form>

[...]

<script type='text/javascript'>
$(function () {
	function removeCampo() {
		$(".removerCampo").unbind("click");
		$(".removerCampo").bind("click", function () {
			i=0;
			$(".clonar").each(function () {
				i++;
			});
			if (i>1) {
				$(this).parent().remove();
			}
		});
	}
	removeCampo();
	$(".adicionarCampo").click(function () {
		novoCampo = $(".clonar:first").clone();
		novoCampo.find("input").val("");
		novoCampo.find('input[type="radio"]').val("1");
		novoCampo.insertAfter(".clonar:last");

		removeCampo();
	});
});
</script>

 

Agora, as observações e perguntas:

 

Para cada campo "Blablabla" clonado, eu preciso de um par de Radio Buttons para marcar 1 ou 0. Porém, ao clonar os campos, todos os Radio Buttons possuirão o mesmo "name" e assim não há como usá-los. Teria que haver um novo "name" para cada par clonado ("simnao1", "simnao2", etc.), mas não sei como fazer isso em Jquery (para recuperar os valores em PHP, seria o caso de usar um "for" com um $i incrementando, beleza).

 

Alguém tem alguma sugestão do que eu possa fazer?

 

 

Referência: http://www.linhadecomando.com/jquery/jquery-adicionando-linhas-inputs-dinamicamente

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.