MODIFICANDO RESPUESTA:
SOLUCION DEFINITIVA:
La unica forma que veo para enviar tanto el valor del radio como el nombre del Label es a traves de una funcion en JavaScript y creando un input hidden
.
He modificado el codigo y corregido los errores para que resuelva el problema.
Ahora el codigo del formulario es el siguiente:
<form action="ingresar.php" method="POST">
<label>Selecciona tu color favorito:</label>
<label>
<input type='radio' value='1' name='colores'>Rojo
</label>
<label>
<input type='radio' value='2' name='colores'>Azul
</label>
<label>
<input type='radio' value='3' name='colores'>Verde
</label>
<input type="hidden" name="nombrecolor" id="nombrecolor">
<button type='submit' id="enviar">Enviar Respuestas</button>
</form>
<script>
// escuchar evento de click btn submit
document.getElementById("enviar").addEventListener("click", leerRadioBtn);
// funcion para buscar texto de radiobtn
function leerRadioBtn() {
// buscar valor de radio
var nombreColor = document.querySelector('input[name="colores"]:checked').parentNode.innerText;
// poner valor en variable input hidden
document.getElementById("nombrecolor").value = nombreColor;
}
</script>
Explicación:
1) he agregado a todos los radio el atributo name="colores"para capturar el radio que ha sido seleccionado por el usuario.
2) Se ha agregado el input hidden para poder pasar el nombre del color.
document.getElementById("enviar").addEventListener("click", leerRadioBtn);
3) el addEventListener() se usa para escuchar un evento del click para el boton de submit el cual va ejecutar la funcion de leerRadioBtn
document.querySelector('input[name="colores"]:checked').parentNode.innerText;
4) con este comando se localiza cual es el radio selecionado y se toma el valor del texto del padre node que corresponde a Label.
document.getElementById("nombrecolor").value = nombreColor;
5) ya obtenido el nombre del color en variable nombreColor al input hidden.
Aqui tiene el codigo para ingresar los datos archivo ingresar.php :
<?php
if (isset($_POST['nombrecolor']) && !empty($_POST['nombrecolor'])) {
// recibir color
$numeroColor = $_POST['colores'];
$nombreColor = $_POST['nombrecolor'];
echo '<br> NumeroColor = ' . $numeroColor;
echo '<br> NombreColor = ' . $nombreColor;
// almacenamiento
require 'conexion.php';
// para numero de color
$sql = "INSERT INTO tablaUno (res) VALUES ('$numeroColor')";
$resultadoA = $mysqli->query($sql);
// para nombre de color
$sql = "INSERT INTO tablaDos (id, res) VALUES ('$nombreColor')";
$resultadoB = $mysqli->query($sql);
} else {
echo "ERROR: Campos vacios";
}
?>
Explicacion:
1) Se ha colocado una validacion para que no ejecute el codigo a menos que tenga valor el $_POST['nombrecolor']
$numeroColor = $_POST['colores'];
$nombreColor = $_POST['nombrecolor'];
echo '<br> NumeroColor = ' . $numeroColor;
echo '<br> NombreColor = ' . $nombreColor;
2) Se asigna los valores recibidos por el POST tanto del numero de color como su nombre y se muestra en pantalla.
// para numero de color
$sql = "INSERT INTO tablaUno (res) VALUES ('$numeroColor')";
$resultadoA = $mysqli->query($sql);
4) Se ejecuta el insert para grabar el numero del color en la tablaUno
// para nombre de color
$sql = "INSERT INTO tablaDos (id, res) VALUES ('$nombreColor')";
$resultadoB = $mysqli->query($sql);
5) Se ejecuta el insert para grabar el nombre del color en la tablaDos.
Se ha probado el codigo comentando las sentancias para registrar en la base de datos y funciona al 100% ya que no se tiene la tabla y la conexion para la misma.
1=Rojo, 2=Azul, 3=Verde, ... 999=Color999
. Propondría algo más simple, que crees una tablacolores_nombre
donde guardes de manera única cada identificador y su color. Luego, cuando quieras saber el nombre del color1
haces unJOIN
entre la tabla que guardó los valores numéricos del radio button ycolores_nombre
. Hace poco propuse una solución así en un caso similar al tuyo, lo puedes ver explicado con detalle en esta respuesta (apartado Una propuesta de solución mejor).radio
tienename
; en las consultasSQL
le falta indicar elid
...