Ir para conteúdo

Arquivado

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

Felipe Rocha

checkbox

Por , em Javascript

Recommended Posts

Felipe Rocha    0

Felipe Rocha
Postado

bom dia a todos me deparei com o seguinte problema em um cliente ele tem um formulário em html5 até ai tudo bem no mesmo tem vários checkbox, o que meu cliente solicitou foi que no campo de observações do formulário quando ele clicar no checkbox ele escreva a palavra que ele selecionou EX: tem um campo de seleção masculino quando ele selecionar automaticamente ele escreve o nome masculino no campo de observações. alguem já fez esse tipo de coisa ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Sergio S. F. Pereira    39

Sergio S. F. Pereira
Postado

Jquery, 

  


<script>

$(document).ready(function() {
    $('#masculino').click(function() {
      var txt = $(this).val();
            if($("#masculino").is(':checked')){
        $('#obs').val($('#obs').val()+txt); 
      }
    });
});

</script>

 

<input type="checkbox" value="Masculino" id="masculino"> Masculino
<br>
Observações:
<br>
<textarea style="width:200px; height: 100px;" id="obs"></textarea>

 

 

Fiz um fiddle aqui: http://jsfiddle.net/4udb8b7z/1/

 

Coloquei um if ali para verificar se o checkbox está marcado para não reescrever a palavra masculino no textarea das observações, agora é só você continuar e criar a rotina que vai remover a palavra masculino caso o usuario desmarque o checkbox.

 

Já que tava no embalo fiz um Update com a função para remover tb: http://jsfiddle.net/4udb8b7z/3/

 

Alguém move aí pra Javascript...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Gabriel Heming    766

Gabriel Heming
Postado

Movido: PHP -> JavaScript

Compartilhar este post

Link para o post
Compartilhar em outros sites

Sergio S. F. Pereira    39

Sergio S. F. Pereira
Postado

você tem que declarar o jquery lá no head do seu html

  

<html>
<head>
  <script   src="https://code.jquery.com/jquery-3.2.1.min.js"   integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="   crossorigin="anonymous"></script>
<script>
$(document).ready(function() {
    $('#masculino').click(function() {
      var txt = $(this).val();
			if($("#masculino").is(':checked')){
        $('#obs').val($('#obs').val()+txt); 
      } else {
        remove(txt);
      }
    });
    function remove(txt) {  
	     $('#obs').val($('#obs').val().replace(txt, ''));
    }
});
</script>
</head>


Provavelmente você terá mais checkboxes para 
realizar a mesma coisa, então vai uma dica:

Ao invez de criar uma função para cada checkbox 
é só você substituir no exemplo que eu fiz a 
seguinte linha:

$('#masculino').click(function() {

por

$('input[type="checkbox"]').click(function() {




 

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript

  • Conteúdo Similar

    • belann
      Criação de projeto laravel
      Por belann
      Olá!
       
      Não estou conseguindo criar um projeto laravel está dando o seguinte erro: 
      In Factory.php line 654:
        The openssl extension is required for SSL/TLS protection but is not available. If you can not enable the openssl ex
        tension, you can disable this error, at your own risk, by setting the 'disable-tls' option to true.
       
      Já baixei a versão openssl 3.3.1 e instalei no diretório ext do php, mas não sei se tem que configurar alguma coisa no php.ini.
       
    • violin101
      PHP - Agradecimento e uma Dúvida
      Por violin101
      Caros amigos,  saudações. 
       
      Primeiramente agradeço ao auxílio e ajuda que os amigos têm me dado. 
       
      Minha dúvida:
      - para emissão de nota fiscal eletrônica precisa de um CERTIFICADO e SENHA.
      Como ou onde consigo esses dois itens, para fazer teste de emissão de nota fiscal  ?
       
      Grato, 
       
      Cesar
    • violin101
      PHP - Agradecimento e uma Dúvida
      Por violin101
      Caros amigos,  saudações. 
       
      Primeiramente agradeço ao auxílio e ajuda que os amigos têm me dado. 
       
      Minha dúvida:
      - para emissão de nota fiscal eletrônica precisa de um CERTIFICADO e SENHA.
      Como ou onde consigo esses dois itens, para fazer teste de emissão de nota fiscal  ?
       
      Grato, 
       
      Cesar
    • violin101
      PHP - Abrir e Fechar janela
      Por violin101
      Caros amigos, saudações.
       
      Estou com uma pequena dúvida.
       
      Estou escrevendo um Sistema que tem vários Módulos.
       
      O módulo principal tem:
      Estoque | Compras | Expedição | Vendas

      Minha dúvida:
      como faço após Acessar o Módulo Principal e Escolher o Módulo que quero trabalhar,
      eu possa fechar o Módulo aberto por exemplo: Estoque, sem alterar o Módulo principal e outros se estiver aberto ?


      Grato,
       
      Cesar
    • douglas79
      Problemas com a última versão do MYSQL
      Por douglas79
      Bom dia,

      Há alguns dias que venho instalar o apache, o php, mysql e o phpmyadmin manualmente e sem obter sucesso. Até consegui rodar o php, porém, quando vou baixar a úitima versão do MYSQL, não tem todos os pacotes nele instalados, inclusive no completo, só encontro o Router.
      Alguém pode me dizer o porquê que isso está ocorrendo?
      Desde já agradeço a ajuda de vocês, que será bem vinda!
      No aguardo!

      Uso a versão 8.3.9 do PHP
      Meu SO é o Windows 10 32 bits
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito