Foros aprenderaprogramar.com
Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: kukuxumusu en 10 de Mayo 2017, 17:33
-
Buenas tardes a todos! Lo primero, mil gracias de antemano a aquella alma caritativa que me resuelva el problema. El caso es que le he dado varias vueltas y no logro hacer que se seleccione solo uno de los botones radio, se pueden seleccionar todos en mi ejemplo, lo que implica que algo he hecho mal xD. Os pego el código :-\.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo del uso de formularios</title>
</head>
<body>
<h1>PREFERENCIAS MUSICALES</h1>
<form method="get" action="http://aprenderaprogramar.com/action.php">
<h2>Selecciona tu tipo de música favorita:</h2>
<br />
<input name="rock" type="checkbox" />Rock
<br />
<input name="pop" type="checkbox" />Pop
<br />
<input name="rap" type="checkbox" />Rap
<h2>Selecciona tu rango de edad:</h2>
<br />
<input name="rango12a17" type="radio" value="rango1" />De 12 a 17
<br />
<input name="rango18a35" type="radio" value="rango2" />De 18 a 35
<br />
<input name="rango36a65" type="radio" value="rango3" />De 36 a 65
<br />
<input name="rangomayores65" type="radio" value="rango4" />Mayor de 65
<br /><br /><br />
<h2>Selecciona grupos o cantantes que te gusten:</h2>
Elije tantas opciones como quieras, (manteniendo presionada la tecla "Ctrl"):<br /><br />
<select name="entradalista2[]" multiple="multiple">
<optgroup label="Pop">
<option>Michael Jackson</option>
<option>Rihanna</option>
<option>Shakira</option>
</optgroup>
<optgroup label="Rock">
<option>Led Zeppelin</option>
<option>Deep Purple</option>
<option>ACDC</option>
</optgroup>
<optgroup label="Rap">
<option>Eminem</option>
<option>50 cent</option>
<option>Snoop Dog</option>
</optgroup>
</select>
<input type="submit" value="Enviar">
<input type="reset">
</form>
</body>
</html>
Pasad buena tarde ;)!
-
Hola kukuxumusu.
El resultado que obtienes es debido a que usa un "name" distinto para cada botón radio.
Si escribes el mismo nombre para todos, solo podrá haber uno seleccionado.
En la entrega CU00723B del curso HTML de https://www.aprenderaprogramar.com queda bien explicado:
https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=534:checkbox-y-radio-en-form-html-select-option-y-optgroup-multiple-listas-desplegables-opciones-cu00723b&catid=69&Itemid=192
Saludos. ;D
-
Sí!! Toda la razón, ya lo solucioné. Gracias!