Desabilitar input ao ativar o radio checked
Fórum dos Fóruns :: Atendimento e Suporte Mútuo :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript & jQuery
Página 1 de 1 • Compartilhe
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);
Re: Desabilitar input ao ativar o radio checked
Olá @Connor R.,
Algo assim?
Aguardo uma resposta sua,
pedxz.
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- Moderadeiro
- Inscrito dia : 13/01/2017
Mensagens : 5835
Pontos Ativos : 6940
Re: Desabilitar input ao ativar o radio checked
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?
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");
});
});
Re: Desabilitar input ao ativar o radio checked
Sim @Connor R. está certo
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- Moderadeiro
- Inscrito dia : 13/01/2017
Mensagens : 5835
Pontos Ativos : 6940
Re: Desabilitar input ao ativar o radio checked
@"pedxz" Ah tudo bem, muito obrigado. Thanks.
Re: Desabilitar input ao ativar o radio checked

Tópico resolvidoMovido 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- Moderadeiro
- Inscrito dia : 13/01/2017
Mensagens : 5835
Pontos Ativos : 6940
Fórum dos Fóruns :: Atendimento e Suporte Mútuo :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript & jQuery
Página 1 de 1
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum