Ciao ragazzi,
ho trovato uno sciptino semplic e molto carino che al posto delle classiche checkbox fa vedere delle immaginette come queste:

Con questo script però non riesco a fare in modo che quando clicco su una checkbox mi seleziona/deseleziona automaticamente tutte le altre.
Ho provato parecchi script ma probabilmente vanno in conflitto con questo che vi propongo.
Di contro se tolgo lo script per le immagni i checkbox si selezionano e deselezionano a meraviglia.

Ecco lo scipt
Codice PHP:
//global variables that can be used by ALL the function son this page.
var inputs;
var 
imgFalse 'images/false.png';
var 
imgTrue 'images/true.png';

//this function runs when the page is loaded, put all your other onload stuff in here too.
function init() {
    
replaceChecks();
}

function 
replaceChecks() {
    
    
//get all the input fields on the page
    
inputs document.getElementsByTagName('input');

    
//cycle trough the input fields
    
for(var i=0inputs.lengthi++) {

        
//check if the input is a checkbox
        
if(inputs[i].getAttribute('type') == 'checkbox') {
            
            
//create a new image
            
var img document.createElement('img');
            
            
//check if the checkbox is checked
            
if(inputs[i].checked) {
                
img.src imgTrue;
            } else {
                
img.src imgFalse;
            }

            
//set image ID and onclick action
            
img.id 'checkImage'+i;
            
//set image
            
img.onclick = new Function('checkChange('+i+')');
            
//place image in front of the checkbox
            
inputs[i].parentNode.insertBefore(imginputs[i]);
            
            
//hide the checkbox
            
inputs[i].style.display='none';
        }
    }
}

//change the checkbox status and the replacement image
function checkChange(i) {

    if(
inputs[i].checked) {
        
inputs[i].checked '';
        
document.getElementById('checkImage'+i).src=imgFalse;
    } else {
        
inputs[i].checked 'checked';
        
document.getElementById('checkImage'+i).src=imgTrue;
    }
}

window.onload init;
//--> 
Chi mi da una mano a fa in modo che al click su un checkbox mi seleziona tutte le altre mantenendo le immagini?