• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

135
Vistas
Selector de consultas Javascript La cadena no coincide con el patrón esperado

Estoy tratando de pasar el valor de una casilla de verificación solo si está marcada, estoy usando una entrada de texto. Me estoy encontrando con un problema de sintaxis. No veo dónde me perdí ningún paréntesis ni nada. Cualquier ayuda es apreciada. El violín también está aquí.

Gracias

 document.querySelector(function() { setTarget(); document.querySelector("#test").change(setTarget); function setTarget() { var tmp =""; tmp += document.querySelector("#test:checked").value || ''; document.querySelector('#testtarget').val(tmp); } });
 <input type="checkbox" id="test" name="test123" value="testing123" />this should appear in the text input<br/> <input type="text" id="testtarget" name="targetTextField" size="31" tabindex="0" maxlength="99" value="">

almost 3 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

para seleccionar casillas de verificación marcadas solo puede usar :checked con su consultaSelector úselo de esta manera

 document.querySelectorAll("input[type=checkbox]:checked")

si no me equivoco esto es exactamente lo que quieres

 var cb = document.querySelector("#test"), inp = document.querySelector("#testtarget") cb.onchange = function(e){ inp.value = cb.checked ? cb.value : "" }
 <input type="checkbox" id="test" name="test123" value="testing123" />this should appear in the text input<br/> <input type="text" id="testtarget" name="targetTextField" size="31" tabindex="0" maxlength="99" value="">

almost 3 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda