Desabilitar input ao ativar o radio checked

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);


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.

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");
 
 
          });
      });
      


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

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

Tópico resolvido Movido para "Questões resolvidas".