Originariamente inviata da
alka
Ok, ma lo sviluppo della pagina è in divenire, e non è necessariamente chiaro a chi non conosce lo scenario ciò che vuoi ottenere.
Ecco, adesso è chiaro. Ma la risposta non è semplice perché i problemi sono diversi.
Intanto hai dato lo stesso ID a tutte le caselle (
id="sostattiva") e questo non è consentito: ogni elemento nella pagina deve avere un ID univoco.
Se hai assegnato l'evento di selezione dalla casella in base all'ID, quindi, ovviamente solo la prima funzionerà.
La prima cosa da modificare quindi è
rendere univoci gli ID, magari usando un indice numerico.
In secondo luogo, tramite l'ID o altra proprietà (es. attributi "data-*") è necessario attribuire a ogni casella iniziale e a quelle correlate un valore o qualcosa che le accomuni: se le chiami tutte allo stesso modo, oltre a essere errato come detto sopra, la pagina non distinguerà per te la loro appartenenza alla stessa riga, ma sei tu che devi implementare in qualche modo questo legame.
Usando JQuery, la soluzione non è immediata e richiede un pochino di lavoro, ma diventa difficile illustrare il tutto con questo scenario senza mettersi a spiegare molte cose e scrivere una discreta quantità di codice.