отключить некоторые элементы управления раскрывающимся списком, когда пользователь нажимает на флажок

Проблема с флажками в основном заключается в том, чтобы заставить их правильно работать в IE6, поскольку событие change срабатывает во всех бесполезных случаях.

Начнем с функции для отключения:

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

Обратите внимание, что здесь я использую только select, что почти наверняка шире, чем вам хотелось бы, но select.some-class-to-identify-the-hours-and-minutes-and-seconds-dropdowns будет работать так же хорошо.

Обратите также внимание на то, что функция сама определяет, установлен ли флажок, что делает ее идемпотентной: ее можно безопасно вызывать повторно в процессе установки флажка.

Теперь нам просто нужно связать эту функцию с несколькими разными событиями:

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

Попробуй это.

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