[Resolvido] Formulario Dinamico

[xizun 0]

Boa tarde a todos,

 

 

Gostaria se possivel que alguem tira-se uma duvida minha pois nao estou conseguindo resolver este problema sosinho.

 

Tenho um formulario onde o usuario fará um pedido e nele tem a opcao de adicionar mais campos.

 

Exemplo:

 

Form unico

 

Form com mais campos adicionado

 

 

 

 

Código:

 

               <form method="post" action="/sistema/add" enctype="multipart/form-data">


        <table id="lista">
          
		  <?php $arquivo = 0; ?>
          <tbody id="arquivo<?php echo $arquivo; ?>">
            <tr class="campo">
              <td><legend>Tamanho</legend></td>
            </tr>          
            <tr class="campo">
              <td>
              <label for="Tamanho3x4" class="text"><input type="radio" value="3x4" id="Tamanho3x4" name="tamanho[<?php echo $arquivo; ?>]" />3x4</label>
              <label for="Tamanho10x15" class="text"><input type="radio" value="10x15" id="Tamanho10x15" name="tamanho[<?php echo $arquivo; ?>]" />10x15</label>
              <label for="Tamanho20x25" class="text"><input type="radio" value="20x25" id="Tamanho20x25" name="tamanho[<?php echo $arquivo; ?>]" />20x25</label>
              </td>
            </tr>
            <tr class="campo">
              <td><legend>Cor</legend></td>
            </tr>          
            <tr class="campo">
              <td>              
              <label for="CorPretoBranco" class="text"><input type="radio" value="Preto e Branco" id="CorPretoBranco" name="cor[<?php echo $arquivo; ?>]" />Preto e Branco</label>
              <label for="CorColorida" class="text"><input type="radio" value="Colorida" id="CorColorida" name="cor[<?php echo $arquivo; ?>]" />Colorida</label>
              </td>
            </tr>
            <tr class="campo">
              <td><legend>Imagem</legend></td>
            </tr>
            <tr class="campo">
              <td><input type="file" name="arquivo[<?php echo $arquivo; ?>]" /></td>
            </tr>           
          </tbody>
          <?php $arquivo++; ?>

          <tfoot>
            <tr>
              <td class="add-outra"><a onclick="addForm();" style="display: block; cursor: pointer;"><span>+ Adicionar</span></a></td>
            </tr>
          </tfoot>
        </table>

<script type="text/javascript">
var arquivo = <?php echo $arquivo; ?>;

function addForm() {
    html  = '<tbody id="arquivo' + arquivo + '">';
	html += '<tr class="campo">';
	html += '<td><legend>Tamanho</legend></td>';
	html += '</tr>';
	html += '<tr class="campo">';
	html += '<td><label for="Tamanho3x4" class="text"><input type="radio" value="3x4" id="Tamanho3x4" name="tamanho[' + arquivo + ']" />3x4</label><label for="Tamanho10x15" class="text"><input type="radio" value="10x15" id="Tamanho10x15" name="tamanho[' + arquivo + ']" />10x15</label><label for="Tamanho20x25" class="text"><input type="radio" value="20x25" id="Tamanho20x25" name="tamanho[' + arquivo + ']" />20x25</label></td>';
	html += '</tr>';		
	html += '<tr class="campo">';
	html += '<td><legend>Cor</legend></td>';
	html += '</tr>';
	html += '<tr class="campo">';
	html += '<td><label for="CorPretoBranco" class="text"><input type="radio" value="Preto e Branco" id="CorPretoBranco" name="cor[' + arquivo + ']" />Preto e Branco</label><label for="CorColorida" class="text"><input type="radio" value="Colorida" id="CorColorida" name="cor[' + arquivo + ']" />Colorida</label></td>';
	html += '</tr>';
	html += '<tr class="campo">';
	html += '<td><legend>Imagem</legend></td>';
	html += '</tr>';
	html += '<tr class="campo">';
	html += '<td><input type="file" name="arquivo[' + arquivo + ']" /></td>';
	html += '</tr>';
	html += '<tr>';
	html += '<td class="add-outra"><a onclick="$(\'#arquivo' + arquivo  + '\').remove();" style="display: block; cursor: pointer;"><span>- Remover</span></a></td>';
	html += '</tr>';	
	html += '</tbody>';

	$('#lista tfoot').before(html);
	
	arquivo++;
}
</script>

  <button type="submit">Enviar</button></form>       

O problema:

 

Quando eu adiciono mais campos ele cria a sequencia [1], [2], [3], [4]... para cada form adicionado, sendo que quando seleciono o campo radio do primeiro todos os demais sao selecionados.

 

Alguem poderia mim dar uma luz por favor.

 

Obrigado desde já.

[xizun 0]

Podem fechar o topico, resolvi usar selects e funcionou de maneira correta.