reestructure el codigo, para un mejor entendimiento.
cuando selecciono los checkbox me aparece todo y se bloquea, no me deja seleccionar nada .
index.html
Código PHP:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Checkbox conocer su estado ajax</title>
<script language="JavaScript" type="text/javascript" src="ajax.js"></script>
</head>
<body>
<input type="checkbox" name="check_1" value="1" onclick="MostrarCheck('procesar.php'); return false"><br>
<input type="checkbox" name="check_2" value="1" onclick="MostrarCheck('procesar.php'); return false">
<div id="resultado">
</div>
</body>
</html>
ajax.js
Código PHP:
function objetoAjax()
{
var xmlhttp=false;
try
{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (E)
{
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined')
{
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
function MostrarCheck(datos)
{
divResultado = document.getElementById('resultado');
ajax=objetoAjax();
ajax.open("GET", datos);
ajax.onreadystatechange=function()
{
if (ajax.readyState==4)
{
divResultado.innerHTML = ajax.responseText
}
}
ajax.send(null)
}
procesar.php
Código PHP:
<?php
header('Content-Type: text/html; charset=ISO-8859-1');
if ($_REQUEST['check_1']= checked)
{
echo "checkbox 1 activado";
echo "Su valor es: $value";
}
else
{
$value = 0;
echo "checkbox desactivado";
echo "Su valor es: $value";
}
//------------
if ($_REQUEST['check_2']= checked)
{
echo "checkbox 2 activado";
echo "Su valor es: $value";
}
else
{
$value = 0;
echo "checkbox desactivado";
echo "Su valor es: $value";
}
?>