mmm primero verifica que versión de JQuery es la que usas, el código que yo deje es para la versión 1.7 para arriba, si usas una versión anterior no funcionará
Código PHP:
Ver original<?php
if (isset($_POST['opciones'])) { echo '<pre>';
echo '</pre>';
}else {
?>
<html>
<head>
<title>checkbox 2</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).on('ready',function() {
$('#chk_todos').on('click', function() {
$('input[type=checkbox]').each(function() {
if ($(this).attr('checked') != 'checked') {
$(this).attr('checked','checked');
}else {
$(this).removeAttr('checked');
}
});
});
$('#enviar').on('click',function() {
var arrayOpt = new Array;
$('input[type=checkbox]').each(function() {
if ($(this).attr('checked') == 'checked') {
arrayOpt.push($(this).val());
}
});
$.ajax({
url:'http://localhost/demos/checkbox.php',
type:'post',
data: 'opciones='+arrayOpt,
success: function(datos) {
$('#respuesta').html(datos);
}
});
return false;
});
});
</script>
</head>
<body>
<form id="form1" method="post" style="width: 50%;" name="form1">
<fieldset><label for="nombre">Nombre</label> <input type="text" name="nombre" id="nombre" class="text ui-widget-content ui-corner-all" />
<table border="0" id="users">
<tr>
<td width="244"><label><input class="chk" type="checkbox" name="opcion[]" value="
[email protected]" />
Oscar Montes
</label></td>
</tr>
<tr>
<td><label><input class="chk" type="checkbox" name="opcion[]" value="
[email protected]" /> Oscar Montes</label></td>
</tr>
<tr>
<td><label><input class="chk" type="checkbox" name="opcion[]" value="
[email protected]" /> Diana Garcia</label></td>
</tr>
<tr>
<td><label><input class="chk" type="checkbox" name="opcion[]" value="
[email protected]" /> Lucero Garcia</label></td>
</tr>
<tr>
<td><label><input class="chk" type="checkbox" name="opcion[]" value="
[email protected]" /> Destinatario 5</label></td>
</tr>
<tr>
<td><label><input class="chk" type="checkbox" name="opcion[]" value="
[email protected]" /> Destinatario 6</label></td>
</tr>
<tr>
<td><label><input class="chk" type="checkbox" name="opcion[]" value="
[email protected]" /> Destinatario 7</label></td>
</tr>
<tr>
<td><label><input class="chk" type="checkbox" name="opcion[]" value="
[email protected]" /> Destinatario 8</label></td>
</tr>
<tr>
<td><label><input class="chk" type="checkbox" name="opcion[]" value="
[email protected]" /> Destinatario 9</label></td>
</tr>
<tr>
<td><input class="chk" type="checkbox" name="opcion[]" value="
[email protected]" /> Destinatario 10</td>
</tr>
<tr>
<td><input class="chk" type="checkbox" name="opcion[]" value="
[email protected]" /> Destinatario 11</td>
</tr>
<tr>
<td><input class="chk" type="checkbox" name="opcion[]" value="
[email protected]" /> Destinatario 12</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><label><input name="marcar" type='checkbox' id='chk_todos' value="checkbox" />
</label> todos</td>
</tr>
</table>
</fieldset>
<p>
<input name="contador" id="contador" type="text" value="ninguno" />
</p>
<p>
<label>
<input type="submit" id="enviar" name="Submit" value="Enviar" />
</label>
</p>
</form>
<div id="respuesta"></div>
</body>
</html>
<?php } ?>