Ir ao conteúdo
  • Cadastre-se

HTML | radio button em table: problema de seleção múltipla


litahayata

Posts recomendados

olá!

estou com problemas com um questionário; é do tipo "pesquisa" e contém muita informação tabular e itens para serem avaliados em A ou B ou C ou D ou E ou F; para isso uso radio button, já que só se pode dar uma nota.

ao inserir os botões na table, eles começam a permitir seleção múltipla. o código é o seguinte (com uma tentativa minha de colocar os botões no mesmo elemento em vermelho):

<style>
.letras {
width:5px;
padding:0px;
margin:0px;
background:#FFCC33;

}

.radio {
width:3px;
padding:0px;
margin:0px;
background:#F55;

}

th {
padding:0px;
margin:0px;
font-size:10px;
}

tr {
padding:0px;
margin:0px;
}
</style>

<table>
<tbody>

<tr>

[SPOILER] <th colspan="2"></th>
<th colspan="2"></th>
<th colspan="6">horários</th>
<th class="letras"><!-- vazia --></th>
<th colspan="6">quantidade</th>
<th class="letras"><!-- vazia --></th>
<th colspan="6">qualificação</th>
<th class="letras"><!-- vazia --></th>
<th colspan="6">atenção</th>
</tr>

<tr>
<th colspan="2"></th>
<th colspan="2"></th>

<th class="letras">
<label>A</label>
</th>
<th class="letras">
<label>B</label>
</th>
<th class="letras">
<label>C</label>
</th>
<th class="letras">
<label>D</label>
</th>
<th class="letras">
<label>E</label>
</th>
<th class="letras">
<label>F</label>
</th>
<th class="letras">
<!-- vazia -->
</th>
<th class="letras">
<label>A</label>
</th>
<th class="letras">
<label>B</label>
</th>
<th class="letras">
<label>C</label>
</th>
<th class="letras">
<label>D</label>
</th>
<th class="letras">
<label>E</label>
</th>
<th class="letras">
<label>F</label>
</th>
<th class="letras">
<!-- vazia -->
</th>
<th class="letras">
<label>A</label>
</th>
<th class="letras">
<label>B</label>
</th>
<th class="letras">
<label>C</label>
</th>
<th class="letras">
<label>D</label>
</th>
<th class="letras">
<label>E</label>
</th>
<th class="letras">
<label>F</label>
</th>
<th class="letras">
<!-- vazia -->
</th>
<th class="letras">
<label>A</label>
</th>
<th class="letras">
<label>B</label>
</th>
<th class="letras">
<label>C</label>
</th>
<th class="letras">
<label>D</label>
</th>
<th class="letras">
<label>E</label>
</th>
<th class="letras">
<label>F</label>
</th>[/SPOILER]


</tr>

<tr>
<th colspan="2">1.1 Diretoria Geral</th>
<th colspan="2"></th>
[COLOR="DarkRed"]<th class="letras" colspan="6">
<input type="radio" />
<input type="radio" />
<input type="radio" />
<input type="radio" />
<input type="radio" />
<input type="radio" /></th>[/COLOR]
<th class="letras"><!-- vazio--></th>
th class="letras"><input type="radio" /></th>
<th class="letras"><input type="radio" /></th>
<th class="letras"><input type="radio" /></th>
<th class="letras"><input type="radio" /></th>
<th class="letras"><input type="radio" /></th>
<th class="letras"><input type="radio" /></th>
<th class="letras"><!-- vazio--></th>
<th class="letras"><input type="radio" /></th>
<th class="letras"><input type="radio" /></th>
<th class="letras"><input type="radio" /></th>
<th class="letras"><input type="radio" /></th>
<th class="letras"><input type="radio" /></th>
<th class="letras"><!-- vazio--></th>
<th class="letras"><input type="radio" /></th>
<th class="letras"><input type="radio" /></th>
<th class="letras"><input type="radio" /></th>
<th class="letras"><input type="radio" /></th>
<th class="letras"><input type="radio" /></th>
</tr>

</tbody>
</table>

o que preciso fazer para que o usuário responda, a cada série ABCDEF, apenas UMA opção?

obrigada!

Link para o comentário
Compartilhar em outros sites

Arquivado

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

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

 

GRÁTIS: ebook Redes Wi-Fi – 2ª Edição

EBOOK GRÁTIS!

CLIQUE AQUI E BAIXE AGORA MESMO!