Estoy aprendiendo Javascript y formularios en HTML y conocía los botones de radio. Pero el problema es cuando estoy codificando 3 botones de radio para probar, de alguna manera no funciona, y cuando marco "1" (es un nombre) y elijo otro como "2", no se desmarca " 1"! ¿Mi navegador tiene algún problema o mi código es incorrecto? Estoy usando el navegador Microsoft Edge, y este es mi código:
<form> <label for="html">This one is Html </label> <input type="radio" name="html" id="html" value="HTML"> <br> <label for="css">This one is Css</label> <input type="radio" name="css" id="css" value="CSS"> <br> <label for="javscript">This one is Javascript</label> <input type="radio" name="javscript" id="javascript" value="JAVASCRIPT"> </form>Alguien sabe cual es mi problema?
Por favor, puede usar el botón de radio en ese momento, todos los name de los botones de radio están configurados igual y luego selecciona en ese momento un botón de radio.
<form> <label for="html">This one is Html </label> <input type="radio" name="skill" id="html" value="HTML"> <br> <label for="css">This one is Css</label> <input type="radio" name="skill" id="css" value="CSS"> <br> <label for="javscript">This one is Javascript</label> <input type="radio" name="skill" id="javascript" value="JAVASCRIPT"> </form>La propiedad de name es como un grupo. por lo tanto, si establece el mismo name en los botones de opción, estarán en el mismo grupo.
<form> <label for="html">This one is Html </label> <input type="radio" name="group1" id="html" value="HTML"> <br> <label for="css">This one is Css</label> <input type="radio" name="group1" id="css" value="CSS"> <br> <label for="javscript">This one is Javascript</label> <input type="radio" name="group1" id="javascript" value="JAVASCRIPT"> </form>Esto es simple, solo necesita usar el mismo name para cada grupo, aquí usé codetype :
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="style.css"> </head> <body> <form> <label for="html">This one is Html </label> <input type="radio" name="codetype" id="html" value="HTML"> <br> <label for="css">This one is Css</label> <input type="radio" name="codetype" id="css" value="CSS"> <br> <label for="javscript">This one is Javascript</label> <input type="radio" name="codetype" id="javascript" value="JAVASCRIPT"> </form> </body> </html>