AJAX checkbox Seleziona tutti

[balacche4]

Ciao,
ho il seguente problema:

devo creare una checkbox che mi permette di selezionare tutte le checkbox presenti caricate dinamicamente.
Ho scritto così:

<script type="text/javascript">
$(document).ready(function() {
    $('#selecctall').click(function(event) {  //on click
        if(this.checked) { // check select status
                $('.checkbox1').each(function() { //loop through each checkbox
                this.checked = true;  //select all checkboxes with class "checkbox1"    
                $('#DIVselecctall span').addClass('checked'); 
                $('#DIVcheckbox1 span').addClass('checked'); 
            });
        }else{
            $('.checkbox1').each(function() { //loop through each checkbox
                this.checked = false; //deselect all checkboxes with class "checkbox1" 
                $('#DIVselecctall span').removeClass('checked');   
                $('#DIVcheckbox1 span').removeClass('checked');                
            });        
        }
    });    
});
</script>    

<div id="DIVselecctall" class="checker">
<span class="">
<input type="checkbox" id="selecctall" title="seleziona tutti"/>
</span>
</div>

<?php
echo "<div id='DIVcheckbox1' class='checker'><span class='' >";
echo "<input class='checkbox1' type='checkbox' name='checkConferme[]' value='$rID' onclick='checkME(this)'>";
echo "</span></div>";

echo "<div id='DIVcheckbox1' class='checker'><span class='' >";
echo "<input class='checkbox1' type='checkbox' name='checkConferme[]' value='$rID' onclick='checkME(this)'>";
echo "</span></div>";

echo "<div id='DIVcheckbox1' class='checker'><span class='' >";
echo "<input class='checkbox1' type='checkbox' name='checkConferme[]' value='$rID' onclick='checkME(this)'>";
echo "</span></div>";

?>

Il codice mi funziona correttamente quando seleziono SelectALL mi seleziona tutti, ma non funziona se voglio deselezionare una check dopo che ho selezionato tutti.

Grazie per il supporto.

[nivasio]

questo funziona, vedi se riesci ad adattarlo alle tue esigenze :
<script language="JavaScript">
function toggle(source) {
checkboxes = document.getElementsByName('foo');
for(var i=0, n=checkboxes.length;i<n;i++) {
checkboxes[i].checked = source.checked;
}
}
</script>

<input type="checkbox" onClick="toggle(this)" /> Toggle All<br/>

<input type="checkbox" name="foo" value="bar1"> Bar 1<br/>
<input type="checkbox" name="foo" value="bar2"> Bar 2<br/>
<input type="checkbox" name="foo" value="bar3"> Bar 3<br/>
<input type="checkbox" name="foo" value="bar4"> Bar 4<br/>
l'avevo preso qui, non il primo codice ma il secondo cioè la correzione hce funziona con tutti i browser
http://stackoverflow.com/questions/3...ck-box-in-html

[balacche4]

questo funziona, vedi se riesci ad adattarlo alle tue esigenze :
<script language="JavaScript">
function toggle(source) {
checkboxes = document.getElementsByName('foo');
for(var i=0, n=checkboxes.length;i<n;i++) {
checkboxes[i].checked = source.checked;
}
}
</script>

<input type="checkbox" onClick="toggle(this)" /> Toggle All<br/>

<input type="checkbox" name="foo" value="bar1"> Bar 1<br/>
<input type="checkbox" name="foo" value="bar2"> Bar 2<br/>
<input type="checkbox" name="foo" value="bar3"> Bar 3<br/>
<input type="checkbox" name="foo" value="bar4"> Bar 4<br/>
l'avevo preso qui, non il primo codice ma il secondo cioè la correzione hce funziona con tutti i browser
http://stackoverflow.com/questions/3...ck-box-in-html

Ciao,
grazie mille per la risposta,
ma tu stai utilizzando javascript, mentre io devo utilizzare AJAX per problematiche relative alla grafica.

[br1]

Ma che c'azzecca ajax? almeno sapere di cosa si sta parlando

Puoi usare la libreria che ti pare per i problemi con la grafica, ma in ogni caso verra' eseguito del codice javascript, magari a tua insaputa, quindi nessuno ti impedisce di usare un codice piu' semplice e la tua grafica non ne soffrira'.