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="">
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="">