Desativar campo e inserir informacao - PHP Javascript

[Magnum Morto]

Boa tarde,

 

Preciso da colaboração dos amigos.

Como faço para configurar um botão que desabilita uma caixa de texto e inseri uma informação, vou tentar explicar.

 

Digamos em um cadastro pessoal onde é solicitado o nome do pai, se a pessoa não for registrada pelo pai, o usuário seleciona um botão ou caixa de seleção que desativa o preenchimento que corresponde ao nome do pai e inseri uma mensagem dentro da caixa tipo "Sem registro paterno".

 

Espero ter explicado de maneira clara, tenho pouco conhecimento e agradeço se alguém ajudar.

[HardwareNewbie]

Não entendi, poderia explicar melhor?

[Magnum Morto]

Veja um exemplo no site  baixo, verifique que ao selecionar a caixa de que nao tem registro materno, o campo é desativado e automaticamente é preenchido com a mensagem "NAO CONSTA"

 

http://www.tse.jus.br/eleitor/servicos/titulo-e-local-de-votacao/consulta-por-nome

[DiF]

@Magnum Morto Olá,  você pode desabilitar o campo de texto  usando javascript para setar o atributo disable.

Recomendo fazer com jQuery por ser mais simples.

 

HTML:

<input type="text" class="campo" name=""  />
<input id="checkbox" type="checkbox" /> Não consta/em branco

jQuery:

$(document).ready(function(){
  //Atribui as variáveis 
   var ckbox = $('#checkbox');
   var campo = $('.campo');
   var msg = 'não consta';
   
   //função com evento de click
    $('input').on('click',function () {
      
        //testa se o checkbox está marcado
        if (ckbox.is(':checked')) {
          
            //desabilita o campo de texto
            campo.prop('disabled', true);
          
            //seta o value do campo de texto em maiúsculo
            campo.val(msg.toUpperCase());
          
        } else {
          
            //se o checkbox está desmarcado zera o campo de texto 
            campo.val('');
             
            //habilita o campo de texto novamente para escrever
            campo.prop('disabled', false);          
        }
    });
});

 

Veja um exemplo funcionando: https://jsfiddle.net/k5pbqby6/1/