JavaScript - Poner texto en campo al activar checkbox

 
Vista:
Imágen de perfil de Eduardo Arroyo
Val: 159
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Poner texto en campo al activar checkbox

Publicado por Eduardo Arroyo (176 intervenciones) el 12/02/2020 07:37:45
Hola a todos como están.. cómo se haría para que al activar un checkbox se escriba en un campo de texto alguna palabra.

Muchas gracias
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de joel
Val: 3.506
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Poner texto en campo al activar checkbox

Publicado por joel (895 intervenciones) el 12/02/2020 08:52:46
Hola Eduardo, no se entiendo muy bien tu duda... a que te refieres con "se escriba en un campo de texto alguna palabra" algo así:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
</head>
 
<body>
 
    <input type="checkbox">
    <input type="text">
 
</body>
</html>
 
<script>
document.querySelector("input[type=checkbox]").addEventListener("change", ()=>{
    document.querySelector("input[type=text]").value="hola";
});
</script>

Es esto lo que buscas?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Eduardo
Val: 159
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Poner texto en campo al activar checkbox

Publicado por Eduardo (176 intervenciones) el 12/02/2020 15:10:12
Si es así es lo que deseo pero me gustaría que al desmarcar el check también se elimine la palabra del campo.. ya que en el ejemplo al demarcar queda la palabra. Muchas Gracias
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de joel
Val: 3.506
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Poner texto en campo al activar checkbox

Publicado por joel (895 intervenciones) el 12/02/2020 19:08:17
Solo tienes que añadir un condicional...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
</head>
 
<body>
 
    <input type="checkbox">
    <input type="text">
 
</body>
</html>
 
<script>
document.querySelector("input[type=checkbox]").addEventListener("change", ()=>{
    let v=document.querySelector("input[type=text]");
    if (v.value=="hola") {
        v.value="";
    } else {
        v.value="hola";
    }
});
</script>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
Imágen de perfil de Eduardo
Val: 159
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Poner texto en campo al activar checkbox

Publicado por Eduardo (176 intervenciones) el 12/02/2020 20:57:26
GRACIAS FUNCIONA
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar