Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Control Radio

    Cargado por

    martinezmartha
    8 vistas2 páginas
    El documento explica cómo usar objetos RADIO en HTML para permitir que un usuario seleccione una opción de un conjunto. Solo un objeto RADIO puede estar seleccionado a la vez dentro de un grupo con el mismo nombre. El documento proporciona un ejemplo de usar objetos RADIO para seleccionar el nivel de educación de un usuario y explica cómo determinar qué objeto RADIO está seleccionado usando su propiedad checked.

    Descripción original:

    Título original

    CONTROL RADIO

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    El documento explica cómo usar objetos RADIO en HTML para permitir que un usuario seleccione una opción de un conjunto. Solo un objeto RADIO puede estar seleccionado a la vez dentro de un grupo con el mismo nombre. El documento proporciona un ejemplo de usar objetos RADIO para seleccionar el nivel de educación de un usuario y explica cómo determinar qué objeto RADIO está seleccionado usando su propiedad checked.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    8 vistas2 páginas

    Control Radio

    Cargado por

    martinezmartha
    El documento explica cómo usar objetos RADIO en HTML para permitir que un usuario seleccione una opción de un conjunto. Solo un objeto RADIO puede estar seleccionado a la vez dentro de un grupo con el mismo nombre. El documento proporciona un ejemplo de usar objetos RADIO para seleccionar el nivel de educación de un usuario y explica cómo determinar qué objeto RADIO está seleccionado usando su propiedad checked.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 2

    CONTROL RADIO

    Los objetos RADIO tienen sentido cuando disponemos varios elementos.


    Sólo uno puede estar seleccionado del conjunto.

    Ejemplo: Mostrar cuatro objetos de tipo RADIO que permitan seleccionar los
    estudios que tiene un usuario:

    <!DOCTYPE html>
    <html>

    <head>
    <title>Ejemplo de JavaScript</title>
    <meta charset="UTF-8">
    </head>

    <body>

    <form>
    <input type="radio" id="radio1" name="estudios">Sin estudios
    <br>
    <input type="radio" id="radio2" name="estdios">Primarios
    <br>
    <input type="radio" id="radio3" name="estdios">Secundarios
    <br>
    <input type="radio" id="radio4" name="estudios">Universitarios
    <br>
    <input type="button" value="Mostrar" onClick="mostrarSeleccionado()">
    </form>

    <script>
    function mostrarSeleccionado() {
    if (document.getElementById('radio1').checked) {
    alert('no tienes estudios');
    }
    if (document.getElementById('radio2').checked) {
    alert('tienes estudios primarios');
    }
    if (document.getElementById('radio3').checked) {
    alert('tienes estudios secundarios');
    }
    if (document.getElementById('radio4').checked) {
    alert('tienes estudios universitarios');
    }
    }
    </script>

    </body>

    </html>

    Es importante notar que todos los objetos de tipo RADIO tienen definida la
    propiedad name con el mismo valor (esto permite especificar que queremos
    que los radios estén relacionados entre si)

    Luego podemos acceder a cada elemento mediante el método


    getElementById para consultar la propiedad checked:

    if (document.getElementById('radio1').checked)
    {
    alert('no tienes estudios');
    }

    Igual que el checkbox, la propiedad checked retorna true o false, según esté
    o no seleccionado el control radio.

    PROBLEMA A RESOLVER

    Confeccionar una página que muestre dos objetos de la clase


    RADIO solicitando que seleccione si es mayor de 18 años o no. Al
    presionar un botón mostrar un alert indicando si puede ingresar al
    sitio o no.

    También podría gustarte