0
<b>¿Requiero folio de contra recibo?

<input type="checkbox" name="check" id="check" value="1" 
onchange="javascript:showContent()"/></b>
            <div id="content" style="display: none;">
                <label>Folio de contra recibo</label>
                <input type="text" name="ContraRecibo" class="form-control 
 input-sm">
            </div>
            <script type="text/javascript">
                function showContent() {
                    element = document.getElementById("content");
                    check = document.getElementById("check");
                    if (check.checked) {
                        element.style.display = 'block';
                    } else {
                        element.style.display = 'none';
                    }
                }
            </script>
3
  • Si te da algún error , o lo que pasa y esperas , actualiza la pregunta , te recomiendo realizar el recorrido de bienvenida y mirar Cómo preguntar
    – Asney
    Commented el 22 dic. 2017 a las 21:12
  • 1
    Podrías escribirlo directamente en el input <input type="text" name="ContraRecibo" class="form-control input-sm" value"valorPorDefecto">.
    – azeós
    Commented el 22 dic. 2017 a las 21:27
  • No esta claro lo que preguntas. Tu condicional sólo afecta a la visibilidad del input y preguntas por el valor que tiene asignado, creo que esperas que tenga un valor desde el principio, pero no se si quieres conservarlo si el elemento se hace visible o lo quieres borrar en ese caso.
    – Orici
    Commented el 23 dic. 2017 a las 10:46

1 respuesta 1

1
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>

    <script type="text/javascript">
        function showContent() {
            var element = document.getElementById("content"),
                check   = document.getElementById("check");


            if (check.checked) {
                element.style.display = 'block';
            } else {
                element.style.display = 'none';
            }
        }
    </script>
</head>
<body>

    <p><b>¿Requiero folio de contra recibo?</b>
    <input type="checkbox"
        name="check"
        id="check"
        value="1"
        onchange="showContent()"/></p>

    <div id="content" style="display: none;">
        <label>Folio de contra recibo</label>
        <input type="text"
            name="ContraRecibo"
            class="form-control input-sm"
            value="folio"> <!-- valor_por_defecto -->
    </div>

</body>
</html>

He añadido un valor por defecto, puedes cambiarlo si haces visible el input. Sólo es necesario añadir la propiedad value en el input.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.