Limpar seleção do tipo radio em formulário

Front-end
#1

Boa tarde a todos…

Pessoal preciso da ajuda de você no seguinte problema:

Tenho um formulário com opções do tipo “radio” para o usuário selecionar quando esta preenchendo.
Só que achei um bug nele que não consigo e não sei como resolver.

É assim ó: Tem 2 opções do tipo “pai” sendo elas “Cobrança” e “Comercial”, se o usuário selecionar a opção Cobrança aparece mais 2 opções do tipo “filho” tbm com os nomes de Financeira e a outra como Cartão de Crédito, mas se ele desiste e clica no item “pai” Comercial aparece um item “filho” que uma caixa de “select” com “options” e de repente o cara pensa que não é la e volta para o item “pai” Cobrança e clicar nele os itens filhos já vem um ou o outro selecionado.

Agora a duvida, como faço pra os itens filhos não virem selecionados nessa brincadeira de vai e vem de indecisão do usuário?

Agradeço a todos que puderem me ajudar.

Um abraço!

#2

setSelected(false);

#3

Legal, mas eu insiro esse comando dentro de cada linha que contem o meu item do tipo radio?

Um Abraço!

#4

Sempre que houver seleção do “pai” você seta os filhos como false. Assim evita este problema.

#5

Ótimo… Vou testar… Qualquer problema eu posto aqui.

Valeu!!!

Um abraço!!!

#6

Fiz uns teste mas não rolou… Vou postar o meu código aqui pra vocês verem… Quem puder me dizer onde entra esse comando “setSelected(false);” será muito bom!!!

<table cellpadding=“0” cellspacing=“5”>
<tr>
<div id=“formOpcoes”>
<td>
<div id=“linhaOpcao”>
<input value=“Cobranca” style=“width:auto;” id=“radio00” name=“radio0” type=“radio” onclick=“show(‘la’);hide(‘comercial’);hide(‘carteiras’);hide(‘ccredito’);hide(‘compras’);hide(‘juridico’);hide(‘financveiculos’);checkDepartamento(this.value);”/>Cobrança
</div>
</td>
<td>
<div id=“linhaOpcao”>
<input value=“Comercial” style=“width:auto;” id=“radio00” name=“radio0” type=“radio” onclick=“show(‘comercial’);hide(‘carteiras’);hide(‘ccredito’);hide(‘la’);hide(‘compras’);hide(‘juridico’);hide(‘financveiculos’);checkDepartamento(this.value);”/>Comercial
</div>
</td>
<td>
<div id=“linhaOpcao”>
<input value=“Compras” style=“width:auto;” id=“radio00” name=“radio0” type=“radio” onclick=“show(‘compras’);hide(‘comercial’);hide(‘carteiras’);hide(‘ccredito’);hide(‘la’);hide(‘juridico’);hide(‘financveiculos’);checkDepartamento(this.value);”/>Compras
</div>
</td>
<td>
<div id=“linhaOpcao”>
<input value=“Jurídico” style=“width:auto;” id=“radio00” name=“radio0” type=“radio” onclick=“show(‘juridico’);hide(‘comercial’);hide(‘carteiras’);hide(‘ccredito’);hide(‘la’);hide(‘compras’);hide(‘financveiculos’);checkDepartamento(this.value);”/>Jurídico
</div>
</td>
</tr>
<tr>
<td>
<div id=“linhaOpcao”>
<input value=“R.H.” style=“width:auto;” id=“radio00” name=“radio0” type=“radio” onclick=“hide(‘juridico’);hide(‘comercial’);hide(‘carteiras’);hide(‘ccredito’);hide(‘la’);hide(‘compras’);hide(‘juridico’);hide(‘financveiculos’);checkDepartamento(this.value);”/>R.H.
</div>
</td>
<td>
<div id=“linhaOpcao”>
<input value=“T.I.” style=“width:auto;” id=“radio00” name=“radio0” type=“radio” onclick=“hide(‘juridico’);hide(‘comercial’);hide(‘carteiras’);hide(‘ccredito’);hide(‘la’);hide(‘compras’);hide(‘juridico’);hide(‘financveiculos’);checkDepartamento(this.value);”/>T.I.
</div>
</td>
</div>
</tr>
</table>

<table>
<div id=“la” style=“display:none”>
<div id=“linhaOpcao”>
<input value=“Bancos/Financeiras” style=“width:auto;” id=“radio00” name=“radio1” type=“radio” onclick=“show(‘carteiras’);hide(‘ccredito’);hide(‘compras’);hide(‘financveiculos’);checkCategoria(this.value);”/>Financeiras  
<input value=“Cartão de Crédito” style=“width:auto;” id=“radio00” name=“radio1” type=“radio” onclick=“show(‘ccredito’);hide(‘financveiculos’);hide(‘carteiras’);hide(‘compras’);checkCategoria(this.value);”/>Cartão de Crédito  
<input value=“Financ. de Veículos” style=“width:auto;” id=“radio00” name=“radio1” type=“radio” onclick=“show(‘financveiculos’);hide(‘carteiras’);hide(‘ccredito’);hide(‘compras’);checkCategoria(this.value);”/>Financ. de Veículos  
<input value=“Outros” style=“width:auto;” id=“radio00” name=“radio1” type=“radio” onclick=“hide(‘carteiras’);hide(‘ccredito’);hide(‘compras’);checkCategoria(this.value);”/>Outros
</div>
</div>
</tr>
</table>

<select id=“carteiras” name=“carteiras” style=“display:none;”>
<option value="">Selecione uma opção abaixo</option>
<option value=“BV Financeira”>BV Financeira</option>
<option value=“Losango”>Losango</option>
<option value=“Unicard”>Unicard</option>
<option value=“Bradesco Financiamentos (Zogbi)”>Bradesco Financiamentos (Zogbi)</option>
<option value=“Bradesco Financiamentos (Finabens)”>Bradesco Financiamentos (Finabens)</option>
<option value=“Ibicred”>Ibicred</option>
<option value=“Pontocred”>Pontocred</option>
<option value=“Fininvest”>Fininvest</option>
</select>
<select id=“financveiculos” name=“financveiculos” style=“display:none;”>
<option value="">Selecione uma opção abaixo</option>
<option value=“BV Financeira”>BV Financeira</option>
<option value=“Banco BMG”>Banco BMG</option>
<option value=“Banco Fiat”>Banco Fiat</option>
<option value=“Banco Sofisa”>Banco Sofisa</option>
<option value=“HSBC Bank Brasil”>HSBC Bank Brasil</option>
<option value=“Bradesco Financiamentos”>Bradesco Financiamentos</option>
<option value=“Volkswagen Serviços Financeiros”>Volkswagen Serviços Financeiros</option>
<option value=“Itaucred”>Itaucred</option>
</select>
<select id=“ccredito” name=“ccredito” style=“display:none;”>
<option value="">Selecione uma opção abaixo</option>
<option value=“Caixa Econômica Federal”>Caixa Econômica Federal</option>
<option value=“Credicard Citi”>Credicard Citi</option>
<option value=“Credi Citi”>Credi Citi</option>
<option value=“Ponto Cred”>Ponto Cred</option>
<option value=“Hipercard”>Hipercard</option>
<option value=“Fininvest”>Fininvest</option>
<option value=“Unicard”>Unicard</option>
<option value=“Banco Ibi”>Banco Ibi</option>
</select>
<select id=“comercial” name=“comercial” style=“display:none;”>
<option value="">Selecione uma opção abaixo</option>
<option value=“Novos Negócios”>Novos Negócios</option>
<option value=“Outros”>Outros</option>
</select>
<select id=“compras” name=“compras” style=“display:none;”>
<option value="">Selecione uma opção abaixo</option>
<option value=“Ofertas de Produtos”>Oferta de Produtos</option>
<option value=“Oferta de Serviços”>Oferta de Serviços</option>
<option value=“Outros”>Outros</option>
</select>
<select id=“juridico” name=“juridico” style=“display:none;”>
<option value="">Selecione uma opção abaixo</option>
<option value=“Fiat”>Fiat</option>
<option value=“Finasa”>Finasa</option>
<option value=“HSBC”>HSBC</option>
<option value=“Itaucred”>Itaucred</option>
<option value=“Sofisa”>Sofisa</option>
<option value=“Outros”>Outros</option>
</select>

Valeu!!

Um Abraço!

#7

Por isso é super NECESSÁRIO colocar o maior número possível de informações.
No teu tópico original não existe, em nenhum momento, nenhuma menção à que tecnologia usa.
Deduzi que fosse swing e, por isto, disse que seria com setSelected.
Como é HTML você deve fazer a verificação e realizar as alterações com JAVASCRIPT.

#8

Legal e como faço isso no JavaScript?

Valeu!!!

#9

http://www.google.com.br
Pesquise por “desabilitar radio javascript”

Mas acho que só precise da primeira.

#10

Até que a opção que você me passou na pesquisa do google atende, mas apenas para quem tem grupo de radios diferentes…o meu tem o mesmo nome!

#11