Deseo actualizar una parte de una página al hacer click en un checkbox. En el caso de desmarcarla, que muestre solo una página de default. Sin embargo, algo falla. Les dejo el código:
Principal:
<html>
<head>
<script type="text/javascript" src="resources/jquery.js"></script>
<script>
$(document).ready(function(){
$('#1').change(function () {
$("#contenido").load("default.html");
});
$('#2').change(function(){
$("#contenido").load("pagina1.html");
});
$('#3').change(function(){
$("#contenido").load("pagina2.html");
});
});
</script>
</head>
<body>
<input type="checkbox" id="1" autocomplete="off">
<input type="checkbox" id="2" autocomplete="off">
<input type="checkbox" id="3" autocomplete="off">
<br>
<table border="1">
<tr>
<td>
Acá se muestra
</td>
<td id ="contenido">
</td>
</tr>
</table>
</body>
</html>
Saludos y desde ya, gracias.-