Deaktivieren Sie einige Dropdown-Steuerelemente, wenn ein Benutzer auf ein Kontrollkästchen klickt

Question

Ich habe eine Dropdown-Zeit, die Stunde in einem auswählen, Minuten in einem anderen und AM/PM in einem dritten. Ich habe eine Checkbox, die sagt "den ganzen Tag"

ich will es so, wenn der Benutzer überprüft "den ganzen Tag" alle Auswahl Dropdowns deaktiviert werden.

Answer 1

Das Problem mit Kontrollkästchen ist, sie vor allem, da die bei allen Arten von nicht hilfreich Zeiten change Ereignis ausgelöst werden direkt in IE6, zu arbeiten.

Beginnen wir mit der Funktion starten die Sperrung zu tun:

function onCheckChange() { 
    if ($("#all-day-checkbox").is(':checked')) 
    $("select").attr('disabled', 'disabled'); 
    else 
    $("select").removeAttr('disabled'); 
} 

Beachten Sie, dass ich hier nur select zu benutzen, die mit ziemlicher Sicherheit breiter ist, als Sie wollen würde, aber select.some-class-to-identify-the-hours-and-minutes-and-seconds-dropdowns würde genauso gut funktionieren.

Beachten Sie auch, dass die Funktion selbst herausfindet, ob die Box aktiviert ist, was sie zu einem Idempotenten macht: Es ist sicher, während der Überprüfung einer Box wiederholt anzurufen.

Jetzt brauchen wir nur, um diese Funktion ein paar verschiedenen Ereignisse zu binden:

$("#all-day-checkbox").click(onCheckChange).change(onCheckChange); 
$("label[for=all-day-checkbox]").click(onCheckChange); 

Answer 2

$('#allday').toggle(
    function(){ 
     $('#hour, #minutes, #am-pm').attr('disabled', 'disabled'); 
    }, 
    function(){ 
     $('#hour, #minutes, #am-pm').removeAttr('disabled'); 
    } 
); 

Answer 3

Versuchen Sie dies.

$('#checkbox').change(function(){ 
    $('#Hour, #Minute, #Period').attr('disabled', this.checked);  
});