Value de un radio fuera de un form con JQUERY

romulo111 · #1 (**permalink**) 25/01/2011, 16:05

hola que tal amigos, voy empezando en jquery, y me acabo de encontrar con este problema, tengo un grupo de radio buttons pero no estan dentro de un <form>, necesito cachar el valor del radio seleccionado, para hacer un request, en conclusion necesito obtener el valor de un radio button que esta fuera de una forma con jquery, aqui les pongo mi codigo, message es un text, con el cual no tengo ningun problema para pbtener su valor, el problema es en option, espero puedan ayudarme saludos :)

$(document).ready(function() {
$("#boton").click(function(){
$.ajax({
type : 'POST',
url : 'comment.php',
//cache: false,
dataType : 'html',
data: {
message : $('#message').val(),
option : $('#option').val()
},
success : function(data){
alert(data)
},
error : function(XMLHttpRequest, textStatus, errorThrown) {
alert(XMLHttpRequest.statusText);
alert(textStatus);
alert(errorThrown);
}
});

});

});

caricatos · #2 (**permalink**) 25/01/2011, 16:31

Tema movido desde javascript

redbumlandia · #3 (**permalink**) 26/01/2011, 14:10

usa la siguiente funcion, verRadio(obj), tienes que pasar como parametro el objeto radio, recuerda que al grupo de radio tienes que darle un id y agruparlos bajo un mismo nombre, de la forma siguiente:

la funcion te retornara el value seleccionado del grupo:

en este caso al hacer clic en el boton btnVerSexo, mostrara el value seleccionado para el grupo SEXO,

espero que te sirva adios... ;)

<script type="text/javascript">
$(document).ready(function (e){

function verRadio(obj){
var tp = $(obj).attr('type');
if(tp == 'radio'){
var name=$(obj).attr('name');
$("input[name="+name+"]:checked").each(function(){
checked = $(this).val();
});
};
return checked;
}

$("#btnVerSexo").click(function(e){

alert(verRadio($("#SEXO")));
})

})

</script>
</head>

<body>

<table>
<tr><td><b>Sexo</b></td><td>:<input id="SEXO" name="SEXO" value="M" checked="checked" type="radio">
Masculino<input name="SEXO" value="F" type="radio">Femenino</td></tr>
<tr><td colspan="2" ><button id="btnVerSexo">ver Sexo</button></td></tr>
</table>