Przygotowałem przykład z zaznaczenia checkboxów w js. Może się przyda, chociaż jak to bywa nie musi
Wyświetla jakie ID zostały zaznaczone, tylko nie wstawiłem zapisu do bazy, gdyż zawieruszyłem plik z przekazywaniem zmiennych przez JavaScript

Screen PrzykładuScreenTrochę kodu wyszło ale zamieściłem w całości przykładNależy stworzyć bazę danych o nazwie
mojabaza przez phpAdmina (ustawić hasło, prawa) i następnie wczytać tabelę
kod SQL, export phpAdmin
-- phpMyAdmin SQL Dump
-- version 2.8.2.4
-- Baza danych: `mojabaza`
-- --------------------------------------------------------
-- Struktura tabeli dla `posty`
--
CREATE TABLE `posty` (
`id_posta` tinyint(100) NOT NULL AUTO_INCREMENT,
`post_nazwapl` varchar(255) collate utf8_polish_ci DEFAULT NULL,
`post_nazwaen` varchar(255) collate utf8_polish_ci DEFAULT NULL,
`post_datadod` datetime DEFAULT NULL,
`post_datamod` datetime DEFAULT NULL,
`post_tagi` varchar(255) collate utf8_polish_ci DEFAULT NULL,
`post_kategoria` varchar(255) collate utf8_polish_ci DEFAULT NULL,
`post_zrodlo` varchar(255) collate utf8_polish_ci DEFAULT NULL,
`post_autorex` varchar(255) collate utf8_polish_ci DEFAULT NULL,
`post_pub` varchar(255) collate utf8_polish_ci DEFAULT NULL,
`post_opis` longtext collate utf8_polish_ci,
`post_katalog` varchar(255) collate utf8_polish_ci DEFAULT NULL,
`post_plik` varchar(255) collate utf8_polish_ci DEFAULT NULL,
PRIMARY KEY (`id_posta`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_polish_ci AUTO_INCREMENT=3 ;
--
-- Zrzut danych tabeli `posty`
--
INSERT INTO `posty` (`id_posta`, `post_nazwapl`, `post_nazwaen`, `post_datadod`, `post_datamod`, `post_tagi`, `post_kategoria`, `post_zrodlo`, `post_autorex`, `post_pub`, `post_opis`, `post_katalog`, `post_plik`) VALUES (1, 'pierwszy post', 'nazwa pierwszego', '2008-12-01 17:18:18', '2008-12-01 17:18:21', 'ajax php', 'ajaxownis', 'zrodlo pierwszego', 'autor 1', 'TAK', 'hgjhgfjghjhjh', 'katalog', 'plik'),
(2, 'drugi post', 'nazwa drugiego', '2008-12-01 17:23:31', '2008-12-01 17:23:49', 'ajax clon', 'AJAX', 'zrodlo 2', 'autor 2', 'Tak', 'opisisk', 'drugi post', 'plik2');
Kod strony, należy
zmienić hasło do bazy, ewentualnie inne parametry połączeniowe
<?php
// polaczenie z baza danych o nazwie mojabaza
$hostname_mojaBaza = "localhost";
$database_mojaBaza = "mojabaza";
$username_mojaBaza = "root";
$password_mojaBaza = "haslo_do_mojabaza";
?>
<?php
$query_rekord = "SELECT * FROM posty ORDER BY post_datadod DESC";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript" language="javascript">
var row_on_color = '#FBEBAC';
var row_off_color = '#F4F1F0';
function rowlite(oCheckbox) {
var parent = oCheckbox.parentNode;
while (parent.nodeName.toUpperCase() != 'TR')
parent = parent.parentNode;
parent.style.background = (oCheckbox.checked) ? row_on_color : row_off_color;
return true;
}
<!--===============================-->
function createOrder()
{
coffee=document.forms[0].coffee;
txt="";
for (i=0;i<coffee.length;++ i)
{
if (coffee[i].checked)
{
txt=txt + coffee[i].value + " ";
}
}
/*document.getElementById("order").value = "Zaznaczyłeś: " + txt;*/
document.getElementById('orderD').innerHTML = "Zaznaczyłeś ID: " + txt;
}
<!--===============================-->
var odzWsz = "Odznaczono wszystko";
var zazWsz = "Zaznaczono wszystko";
var zWsz = "Wszystko";
var zOdz = "Odznacz";
function zaznacz(a) {
var theForm = document.myForm;
for (i=0; i<theForm.elements.length; i++) {
if (theForm.elements[i].name=='coffee')
{
theForm.elements[i].checked = a;
}
}
document.getElementById('chu').checked = a;
document.getElementById('orderDd').innerHTML = i;
if (document.getElementById('chu').checked == true) {
document.getElementById('sinfo').innerHTML = zazWsz;
} else {
document.getElementById('sinfo').innerHTML = odzWsz;
}
}
function zaod() {
var theForm = document.myForm;
for (i=0; i<theForm.elements.length; i++) {
if (theForm.elements[i].name=='coffee')
{
theForm.elements[i].checked = document.getElementById('chu').checked;
}
}
if (document.getElementById('chu').checked == true) {
document.getElementById('sinfo').innerHTML = zazWsz;
document.getElementById('wszOdzAll').value = zOdz;
} else {
document.getElementById('sinfo').innerHTML = odzWsz;
document.getElementById('wszOdzAll').value = zWsz;
}
}
</script>
<style type="text/css">
<!--
.infoTx {
font-weight: bold;
}
#navGG {
-moz-border-radius:10px;
background-color: #CEC6BD;
padding: 7px;
}
/*inbox*/
#inboxTBody {
-moz-border-radius: 10px;
background-color: #BFD0D5;
border: 5px solid #89A3AB;
}
.inboxTnag {
padding-right: 10px;
padding-left: 10px;
}
#inboxT {
border-collapse: collapse;
width:100%;
}
#inboxT th, #inboxT thead, #inboxT tfoot, .inboxTnag, .inboxTsto {
background-color: #BFD0D5;
}
#inboxTW {
background-color: #FCF2E9;
}
#inboxTW td {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 4px;
}
#inboxTW td.cb {
width: 40px;
border: 2px solid #E98F3F;
}
.inboxTTDstars {
}
.inboxTstars {
background-repeat: no-repeat;
height: 13px;
width: 14px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
-->
</style>
</head>
<body>
<div id="navGG">
<div id="navGG_we">
Inbox
</div></div>
<p> </p>
<div id="inboxTBody">
<form name="myForm">
<p><div id="orderD" align="center"> </div></p>
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="inboxT">
<thead>
<th height="35" align="left" class="inboxTnag">
<input type="button" onclick="zaznacz(1)" value="Wszystko">
<input type="button" onclick="zaznacz(0)" value="Odznacz">
<input type="button" onclick="createOrder()" value="Kosz" title="Show msg Smoke">
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<?php
$i=0;
$wieszW[0] = "FCF2E9";
$wieszW[1] = "EBF0F1";
?>
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="inboxTW">
<?php do {
$i++;
?>
<tr style="background:#
<?php echo $wieszW[$i%2
]; ?>">
<td style=" font-size:11px; color:#666666" width="20px">
<?php echo $i; ?></td>
<td style=" font-size:11px; color:#666666" width="35px">Id:
<?php echo $row_rekord['id_posta']; ?></td>
<td width="30" align="center"><input type="checkbox" name="coffee" value="
<?php echo $row_rekord['id_posta']; ?>" onclick="return rowlite(this)"></td>
<td width="20" align="center" class="inboxTTDstars"><div class="inboxTstars"></div></td>
<td width="300px">
<?php echo $row_rekord['post_nazwapl']; ?></td>
<td align="right" style=" font-size:11px; color:#666666" width="150px">
<?php echo date( 'j/m/Y H:i', strtotime( $row_rekord['post_datadod'] ) ); ?></td>
</tr>
</table>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td height="30" class="inboxTsto"><span id="sinfo"></span></td>
</tr>
</tfoot>
</table>
</form><br />
</div>
<br />
</body>
</html>
<?php
?>