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

9 respostas
D

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!

9 Respostas

drsmachado

setSelected(false);

D

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

Um Abraço!

drsmachado

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

D

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

Valeu!!!

Um abraço!!!

D

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!

drsmachado

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.

D

Legal e como faço isso no JavaScript?

Valeu!!!

drsmachado

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

Mas acho que só precise da primeira.

D

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!

Criado 15 de junho de 2011
Ultima resposta 15 de jun. de 2011
Respostas 9
Participantes 2