Buon giorno.
Ho una pagina con 10 domande, e per ognuna ci sono 6 checkbox per rispondere.
Non è a risposta multipla,quindi attraverso la funzione di seguito:
codice:
function AbilitaDisabilita(massimo, ele){
var cont=0;//imposto il contatore
$('.'+ele.className).each(function(index, element) {//ciclo solo la classe selezionata
if($(this, 'input:checkbox').is(':checked')){//alla spunta di un opzione aumento il contatore
cont++;
$('#_'+ele.className).text('ti restano '+(massimo-cont));//indico quante opzioni restano da selezionare
}
if(cont==massimo){//quando il contatore raggiunge il massimo disabilito i box non selezionati
$('.'+ele.className).not(':checked').attr('disabled',true);
}else{
$('.'+ele.className).removeAttr('disabled');
//$('.'+ele.className).prop('checked', false);
}
if(cont==0)$('#_'+ele.className).text('');//se il contatore torna a zero svuoto la rimanenza
});
}
ogni volta che scelgo una checkbox, le rimanenti per quella domanda vengono disabilitate.
Tornano disponibili, solo quando riclicco sulla checkbox scelta in precedenza.
codice:
<input type="checkbox" id="a01_1" name="a01_1[]" class="b09_1" onClick="AbilitaDisabilita(1,this)" value="108"/>
<input type="checkbox" id="a01_1" name="a01_1[]" class="b09_1" onClick="AbilitaDisabilita(1,this)" value="109"/>
<input type="checkbox" id="a01_1" name="a01_1[]" class="b09_1" onClick="AbilitaDisabilita(1,this)" value="110"/>
<input type="checkbox" id="a01_1" name="a01_1[]" class="b09_1" onClick="AbilitaDisabilita(1,this)" value="111"/>
<input style="display:none" type="checkbox" id="a01_1" name="a01_1[]" class="b09_1" value="1108" checked/>
L'ultima checkbox non è visibile, quindi non ha l'opportunità di poterla cliccare.
In pratica se clicco una checkbox che ha valore 108,109,110,111 devo disabilitare quella che ha valore 1108.
Il problema è che, dovrei intercettare la checkbox che ha valore 1108 e disabilitarla, come faccio?
Grazie mille.