Desabilitar input ao ativar o radio checked

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Atendido / Resolvido Desabilitar input ao ativar o radio checked

Mensagem por Connor R. 03.08.20 15:32

Detalhes da questão


Endereço do fórum: https://somosmugiwara.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Possuo o código abaixo e desejo colocar um efeito ao ativar o radio confirmar, este efeito seria o do código abaixo. Basicamente, pelo console do navegador é possível ativar e os input, select e textarea dentro do id box são desativados, que é o meu objetivo. A minha dificuldade está em colocar este efeito ao clicar no radio confirmar.
O do link abaixo é onde desejo colocar o efeito. Como eu poderia fazer, pois uso mais javascript e o efeito é por jquery, eu teria que fazer uma outra função?

https://jsfiddle.net/gojwb0v9/

Código:

$("input").prop('disabled', true);
$("select").prop('disabled', true);
$("textarea").prop('disabled', true);
Connor R.

Connor R.
Membro do Fórum

Masculino
Inscrito dia : 06/08/2012
Mensagens : 1167
Pontos Ativos : 1898

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Atendido / Resolvido Re: Desabilitar input ao ativar o radio checked

Mensagem por pedxz 03.08.20 16:09

Olá @Connor R.,

Algo assim?
Código:
<input type="radio" id="choise" name="powerpuff" />
<label for="choice">Rádio</label>

<script>
      $(document).ready(function(){
          $("input[type='radio']").click(function(){
              var $this = $(this);

              if(!$this.is(':checked')) return;

    $([
    'input',
    'textarea',
    'select'
    ].join(',')).prop('disabled', true);


          });
      });
</script>


Aguardo uma resposta sua,
pedxz.


Última edição por pedxz em 03.08.20 20:51, editado 1 vez(es)


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Moderadeiro
pedxz

pedxz
Moderadeiro
Moderadeiro

Inscrito dia : 13/01/2017
Mensagens : 5835
Pontos Ativos : 6940

Atendido / Resolvido Re: Desabilitar input ao ativar o radio checked

Mensagem por Connor R. 03.08.20 20:30

Funcionou bem, apenas um pedido. Gostaria de alterar a cor de fundo do input, select e textarea ao clicar.

Edit: Eu fiz assim, está certo?

Código:

    
      $(document).ready(function(){
          $("input[id='tipo5']").click(function(){
              var $this = $(this);
 
              if(!$this.is(':checked')) return;
 
    $([
    'input',
    'textarea',
    'select'
    ].join(',')).prop('disabled', true);
    
    $([
    'input',
    'textarea',
    'select'
    ].join(',')).css("background-color", "#ddd");
 
 
          });
      });
      
Connor R.

Connor R.
Membro do Fórum

Masculino
Inscrito dia : 06/08/2012
Mensagens : 1167
Pontos Ativos : 1898

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara
  • 0

Atendido / Resolvido Re: Desabilitar input ao ativar o radio checked

Mensagem por pedxz 03.08.20 20:54

Sim @Connor R. está certo  Venerar fiz só uma correção no seu código + o meu faltava um ;


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Moderadeiro
pedxz

pedxz
Moderadeiro
Moderadeiro

Inscrito dia : 13/01/2017
Mensagens : 5835
Pontos Ativos : 6940

Atendido / Resolvido Re: Desabilitar input ao ativar o radio checked

Mensagem por Connor R. 03.08.20 20:59

@"pedxz" Ah tudo bem, muito obrigado. Thanks.
Connor R.

Connor R.
Membro do Fórum

Masculino
Inscrito dia : 06/08/2012
Mensagens : 1167
Pontos Ativos : 1898

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Atendido / Resolvido Re: Desabilitar input ao ativar o radio checked

Mensagem por pedxz 03.08.20 21:02

Party

Tópico resolvido


Movido para "Questões resolvidas".


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Moderadeiro
pedxz

pedxz
Moderadeiro
Moderadeiro

Inscrito dia : 13/01/2017
Mensagens : 5835
Pontos Ativos : 6940

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum