Tengo un archivo PHP que crea botones de radio basados en identificaciones de mascotas. La var $idperro es un número que cambia dinámicamente para identificar el conjunto de botones de radio de forma independiente. Estoy tratando de poner el valor dentro de la etiqueta p.
Aquí está el PHP
<?php echo ' Jack Baño: <input type="radio" name="'.$idperro.'/servicio" value="'.$idperro.'/baño/'.$baño.'"> Jack Corte: <input type="radio" name="'.$idperro.'/servicio" value="'.$idperro.'/corte/'.$corte.'"> Pepe Baño: <input type="radio" name="'.$idperro.'/servicio" value="'.$idperro.'/baño/'.$baño.'"> Pepe Corte: <input type="radio" name="'.$idperro.'/servicio" value="'.$idperro.'/corte/'.$corte.'"> <p id="precio"></p> '; ?>Aquí está la salida HTML para eso:
Jack baño: <input type="radio" name="8/servicio" value="8/baño/260.00"> Jack Corte: <input type="radio" name="8/servicio" value="8/corte/300.00"> Pepe baño: <input type="radio" name="17/servicio" value="17/baño/260.00"> Pepe Corte: <input type="radio" name="17/servicio" value="17/corte/300.00"> <p id="precio"></p>Estoy tratando de obtener el valor del botón de opción seleccionado, pero no puedo establecer el nombre en Jquery de esta manera. (considere la var $idperro la var dinámica a continuación. Sé que ese no es el formato correcto para jquery y he intentado muchas cosas)
$("input[name=$idperro/servicio]").filter(":checked").val();¿Hay alguna otra forma en la que pueda configurar una función javascript o jquery para obtenerla?
Podrías intentar algo como esto.
Agregue una clase yourClassName para facilitar la orientación con jQuery:
Jack baño: <input class="yourClassName" type="radio" name="8/servicio" value="8/baño/260.00"> Jack Corte: <input class="yourClassName" type="radio" name="8/servicio" value="8/corte/300.00"> Pepe baño: <input class="yourClassName" type="radio" name="17/servicio" value="17/baño/260.00"> Pepe Corte: <input class="yourClassName" type="radio" name="17/servicio" value="17/corte/300.00"> <p id="precio"></p>Entonces podrías intentar:
$("input.yourClassName:checked").val();