Hola amigos del foro tengo un problema al seleccionar los radiobutton de mi pagina, estos se crean como una lista dinamicamente con los valore de la base de datos al hacer click los envio a una funcion tipo ajax
Código HTML:
<script type="text/javascript">
function getXMLHTTPRequest() {
try {
req = new XMLHttpRequest();
} catch(err1) {
try {
req = new ActiveXObject("Msxml2.XMLHTTP");
} catch (err2) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
} catch (err3) {
req = false;
}
}
}
return req;
}
var http = getXMLHTTPRequest(); // creo una instancia del objeto XMLHTTPRequest.
function enviarvariable(variable) { // funcion encargada de enviar la variable al archivo php llamado index.php.
var url = 'procesa.php?variable='+variable; // creación de la URL.
http.open("GET", url, true); // fijando los parametros para el envío de datos.
http.onreadystatechange = handler; // Qué función utilizar en caso de que el estado de la petición cambie.
http.send(null); // enviar petición.
}
function handler() {
if (http.readyState == 4) {
if(http.status == 200) {
// alert(http.responseText); // El texto de respuesta del archivo index.php lo muestra como una alerta.
var elementos = document.getElementsByName("radiobutton");
for(var i=0; i<elementos.length; i++) {
//alert(" Elemento: " + elementos[i].value + "\n Seleccionado: " + elementos[i].checked);
if(elementos[i].checked) {
valorSeleccionado = elementos[i].value;
// alert("Se ha encontrado el radiobutton seleccionado"+elementos[i].value);
//elementos[i].checked= true;
}
}
var str = http.responseText.split("-");
document.getElementById("textarea").value = str[0];
document.getElementById("textarea2").value = str[1];
}
}
}
</script>
el codigo muestra lo que se pide que es actualizar el elemento "Textarea" pero siempre aparece marcado el primer radiobutton.
alguien sabe como arregalrlo?