Checkbox e spunta condizionata

[Mr Ball]

Salve, premetto che sono un po' scarso in Javascript.
Stavo provando a fare una funzione che sul cambiamento di stato (checked e unchecked) di un generico checkbox automaticamente mi cambi lo stato anche in tutti gli altri checkbox aventi la stessa classe di questo. Ho buttato giù queste righe ma niente:

function check_change(classe)
{

if(document.getElementsByClassName(classe).checked ==true)
document.getElementsByClassName(classe).checked = false;
else
document.getElementsByClassName(classe).checked =true;
}

Tale funzione viene richiamata con un OnChange su tutti i checkbox presenti che hanno una classe dinamica

<input onChange="javascript:check_change('<?php echo "sub".$sub_incontro;?>');"type="checkbox" class="<?php echo "sub".$sub_incontro;?>" name="spareggio[<?php echo $n_incontro;?>]" value="1" <?php if($spa==1) echo "CHECKED";?> >

Potreste aiutarmi a risolvere il problema? Grazie

[br1]

Mi sembra ci sia un difetto di logica... se lo stato di tutti i checkbox deve essere identico e tutti determinano il cambiamento, a che scopo mettere tanti checkbox se ne basta uno?

Degli errori logici e di sintassi del tuo codice parliamo magari dopo...

[Mr Ball]

Mi sembra ci sia un difetto di logica... se lo stato di tutti i checkbox deve essere identico e tutti determinano il cambiamento, a che scopo mettere tanti checkbox se ne basta uno?

Degli errori logici e di sintassi del tuo codice parliamo magari dopo...

No in pratica avrò una serie di checkbox uno sotto l'altro raggruppati a gruppi (in base alla variabile $sub_incontro che darà anche il nome alla classe). Quando io seleziono o deseleziono un checkbox, vorrei che cambiassero stato anche gli altri checkbox appartenenti allo stesso $sub_incontro e quindi aventi stessa classe.

In questo esempio ci sono 3 gruppi. Se io per esempio deseleziono il secondo checkbox vorrei che si deselezionasse anche il primo in quanto appartiene allo stesso gruppo (stessa classe).
Oppure se selezionassi il 4° vorrei che si selezionassero automaticamente anche il 3° e il 5° in quanto appartenenti allo stesso gruppo.

[x] sub_1
[x] sub_1
[] sub_2
[] sub_2
[] sub_2
[] sub_3
[] sub_3

[br1]

No in pratica avrò una serie di checkbox uno sotto l'altro raggruppati a gruppi (in base alla variabile $sub_incontro che darà anche il nome alla classe). Quando io seleziono o deseleziono un checkbox, vorrei che cambiassero stato anche gli altri checkbox appartenenti allo stesso $sub_incontro e quindi aventi stessa classe.

In questo esempio ci sono 3 gruppi. Se io per esempio deseleziono il secondo checkbox vorrei che si deselezionasse anche il primo in quanto appartiene allo stesso gruppo (stessa classe).
Oppure se selezionassi il 4° vorrei che si selezionassero automaticamente anche il 3° e il 5° in quanto appartenenti allo stesso gruppo.

[x] sub_1
[x] sub_1
[] sub_2
[] sub_2
[] sub_2
[] sub_3
[] sub_3

Che poi e' quello che ho detto io...

[Mr Ball]

No, tu hai detto "se lo stato di tutti i checkbox deve essere identico e tutti determinano il cambiamento, a che scopo mettere tanti checkbox se ne basta uno?"
Io ti ho risposto che lo stato non deve essere modificato AUTOMATICAMENTE a TUTTI i checkbox, ma solo a quelli aventi la stessa classe di quello che sto modificando in modo tale che andrò a modificare nel database un campo solo in quelle righe in cui si avrà lo stesso $sub_incontro.

[br1]

Scusa, leggi la mia affermazione cosi'

se lo stato di tutti i checkbox DI UNO STESSO GRUPPO deve essere identico e tutti determinano il cambiamento DEL GRUPPO, a che scopo mettere tanti checkbox se ne basta uno PER GRUPPO

Blocco 1 <checkbox unico 1>
Blocco 2 <checkbox unico 2>
Blocco 3 <checkbox unico 3>

[Mr Ball]

In questo screen si dovrebbe capire meglio ciò che vorrei realizzare:
I vari gruppi sono evidenziati dai colori, in questo caso abbiamo le prime 4 righe che appartengono al gruppo #1 e sono tutti selezionati. Se io ne deselezionassi uno a caso di questi 4, vorrei che si deselezionassero automaticamente anche gli altri 3. Stessa cosa per gli altri gruppi, se ad esempio selezionassi una riga appartenente al gruppo #2 vorrei che si selezionassero anche gli altri 3 appartenenti allo stesso gruppo #2.

screen.gif

[Mr Ball]

Ho capito che vuoi dire, ma preferirei tenerne uno per ogni riga

[MiWebDesign]

Ciao Mr Ball,

ecco lo snippet per fare ciò che ti serve:

$("input[type='checkbox']").each(function(){
  $(this).click(function(){
    var c = $(this).attr("class");
    if($(this).is(":checked")){
     $("."+c).attr("checked",true);
    }else{
       $("."+c).attr("checked",false);
    }
  })
})

Provalo sul mio codepen: How to checked all checkbox of any class dinamically with jQuery

Ciao zio

[cavicchiandrea]

@MiWeb funziona solo al primo tentativo, se seleziono un gruppo poi lo deseleziono non funziona più, inoltre potrebbe essere utile una soluzione in "puro" javascript senza jquery.


bella nipote