Vi spiego meglio:
Io ho una serie di input con type Button a cui ho assegnato rispettive classi CSS così da non farli sembrare degli input ma veri e propri div.
Quindi in pratica ho una lista di input, che se ne clicco uno, si seleziona (cambia sfondo e colore del testo) e mostra il rispettivo contenuto in un altro div (immaginate Twitter: cliccki sul tweet e si apre a destra tutto il contenuto).
Solo che se ne cliccko di più, ovviamente rimangono selezionati quelli clicckati in precedenza.
Visto che non conosco il numero di input (ricavo la lista da una query) avrei bisogno di un sistema che:
Quando cliccko un input, TUTTI gli altri (anche nella pagina intera, tanto ci sono solo quelli) vengono deselezionati (quindi cambia lo style CSS).
Io, per rendere visibile e permanente la selezione dell'input (perchè c'è solo lo stato :active su CSS) ho usato JS:
Codice:
<input type="button" id="in..." onClick="document.getElementById('...').style.display='block'; document.getElementById('li...').style.backgroundColor='#666'; document.getElementById('in...').style.color='#FFF';" />
'...' sta per l'ID del div che setto tramite la query (ciclo in while) PHP.
In pratica: se cliccko l'input cambia sfondo e colore, però vorrei che gli altri tornassero come prima, possibilmente tramite JS (ho pensato così, anche perchè con CSS non si può far molto).
Oppure c'è qualche metodo che mi permetta di ottenere lo stesso risultato con i radio? Solo che non riesco mai a farli funzionare sti radio, nel senso che sono tutti selezionabili, come i checkbox.