[חיים]

אתה עושה onclick ואז בודק אם הוא מסומן או לא אם לא אתה שולח בקשת XMLHTTP לקובץ PHP ומעבד את מה שמתקבל דוגמה לקוד כזה:

<script language="javascript">
var xmlHttp = createXmlHttpRequestObject();
function createXmlHttpRequestObject() {
  // will store the reference to the XMLHttpRequest object
  var xmlHttp;
  // this should work for all browsers except IE6 and older
  try
  {
    // try to create XMLHttpRequest object
    xmlHttp = new XMLHttpRequest();
  }
  catch(e)
  {
    // assume IE6 or older
    var XmlHttpVersions = new Array("MSXML2.XMLHTTP.6.0",
                                    "MSXML2.XMLHTTP.5.0",
                                    "MSXML2.XMLHTTP.4.0",
                                    "MSXML2.XMLHTTP.3.0",
                                    "MSXML2.XMLHTTP",
                                    "Microsoft.XMLHTTP");
    // try every id until one works
    for (var i=0; i<XmlHttpVersions.length && !xmlHttp; i++) 
    {
      try 
      { 
        // try to create XMLHttpRequest object
        xmlHttp = new ActiveXObject(XmlHttpVersions[i]);
      } 
      catch (e) {} // ignore potential error
    }
  }
  // return the created object or display an error message
  if (!xmlHttp)
    alert("Error creating the XMLHttpRequest object.");
  else 
    return xmlHttp;
}
function check(box){
  
 if(!box.checked){
  alert('checked');
  if(xmlHttp.readyState == 4 || xmlHttp.readyState == 0){
   xmlHttp.open("GET","ajax.php?check=true",true);
         xmlHttp.onreadystatechange = onready;
         xmlHttp.send(null);
        }else
         setTimeout("check(box)",1000);
       
 }
}
function onready(){
 if(xmlHttp.readyState==4){
        if(xmlHttp.status==200){
            var div = document.getElementById('div');
            div.innerHTML = xmlHttp.responseText;
        }else
            alert('error in AJAX');
    }
}
</script>
<input type="checkbox" onclick="check(this)" />

**הקוד נבדק חלקית**
אתה מוזמן להשתמש בו רק לעשות קצת שינויים