Questa è la soluzione più aggiornata.
<form name="frmChkForm" id="frmChkForm">
<input type="checkbox" name="chkcc9" id="group1" />Check Me
<input type="checkbox" name="chk9[120]" class="group1" />
<input type="checkbox" name="chk9[140]" class="group1" />
<input type="checkbox" name="chk9[150]" class="group1" />
</form>
$(function() {
enable_cb();
$("#group1").click(enable_cb);
});
function enable_cb() {
$("input.group1").prop("disabled", !this.checked);
}
Ecco i dettagli di utilizzo per .attr()
e .prop()
.
jQuery 1.6+
Usa la nuova .prop()
funzione:
$("input.group1").prop("disabled", true);
$("input.group1").prop("disabled", false);
jQuery 1.5 e precedenti
La .prop()
funzione non è disponibile, quindi è necessario utilizzare .attr()
.
Per disabilitare la casella di controllo (impostando il valore dell'attributo disabilitato) fare
$("input.group1").attr('disabled','disabled');
e per l'abilitazione (rimuovendo completamente l'attributo) do
$("input.group1").removeAttr('disabled');
Qualsiasi versione di jQuery
Se lavori con un solo elemento, sarà sempre più veloce da usare DOMElement.disabled = true
. Il vantaggio di usare le funzioni .prop()
e .attr()
è che funzioneranno su tutti gli elementi corrispondenti.
// Assuming an event handler on a checkbox
if (this.disabled)
ref: Impostazione "selezionata" per una casella di controllo con jQuery?