사용자가 체크 상자를 클릭 할 때 일부 드롭 다운 선택 컨트롤을 사용하지 않음

Question

시간 선택을 한 번에, 분을 다른 시간에, 오전/오후를 세 번째로 표시하는 시간 드롭 다운이 있습니다. "하루 종일"이라는 체크 박스가 있습니다.

사용자가 "하루 종일"을 체크하면 모든 선택 드롭 다운이 비활성화됩니다.

Answer 1

체크 박스와 문제는 원칙적으로 인정 시간의 모든 방식에서 change 이벤트가 발생하기 때문에, IE6에서 잘 작동하도록하는 방법을 사용한다.

의가 비활성화 작업을 수행 할 기능을 시작하자 : 여기 단지 select 거의 확실하게 당신이 원하는 것보다 더 광범위하다, 그러나 select.some-class-to-identify-the-hours-and-minutes-and-seconds-dropdowns 그냥 잘 작동 사용

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

참고.

상자가 선택되었는지 여부에 관계없이 함수가 자체적으로 파악하여 멱등하게 만듭니다. 상자를 검사하는 과정에서 반복적으로 호출하는 것이 안전합니다.

이제 우리는 그냥 몇 가지 다른 이벤트에 해당 기능을 결합해야합니다

$("#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

시도해보십시오.

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