Ir para conteúdo

POWERED BY:

Arquivado

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

01100011cc

radio input

Recommended Posts

fiz uma tabela e coloquei inputs tipo radio, nisso fica muito chato ficar mirando com o mouse para selecionalo, como faz para que quando clico no quadrinho ele seja marcado ?

 

tem como aumentar o seu tamanho com css ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Mas quando você clica no botão ele é marcado automaticamente, isso é padrão. :mellow:/>/>

 

AvÁ !

 

"Acho" que você não me entendeu...

 

Eu quero que ao clicar no quadrinho (da tabela), o radio que esta "DENTRO" desse quadrinho seja marcado.

 

+-------+-----+------+

| pode? |..º..|..º...|

+-------+-----+------+

 

o 'º' seria o radio, e al clicar ao redor dele

+---+

|...|

+---+

 

seja marcado o 'º'

 

(ignore os ....).

Compartilhar este post


Link para o post
Compartilhar em outros sites

Esse é um trabalhinho chato de se fazer.

Dá pra fazer em CSS sim aumentando as bordas do radio ou utilizando JS (jQuery).

 

Exemplo:

Com div ou table, seria a mesma coisa.

<div class="check">
   <input type="radio" name="..." id="..." value="..." />
</div>

<script ...>
   $(document).ready(function(){
       $('.check').click(function(e) {
           e.preventDefault();
           $('input', this).attr('checked', 'checked');
           return false;
       });
   });

</script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você pode fazer com label também:

 

<input type="radio" name="teste" value="0" id="input1" /><label for="input1">Sim</label>

 

Desse jeito, você clicando no "Sim" vale como se clicasse no radio...

 

Isso é uma solução simples, você já deve ter testado assim, não sei

as vezes a solução mais simples o pessoal não tenta... espero que resolva

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.