jQuery Отключить несколько выпадающих списков не работает

Question

У меня есть выпадающие списки для бизнеса, чтобы ввести их часы. Каждый день имеет раскрывающийся список с идентификатором hours_dayname_open и hours_dayname_closed. У меня также есть флажок, чтобы отметить его как закрытый. Я использую следующий JQuery, чтобы отключить падение вниз, если он установлен:

$("#closed_monday").click(function(){ 
    if($(this).is(':checked')){ 
     $("#hours_monday_open").attr("disabled", true); 
     $("#hours_monday_closed").attr("disabled", true); 
    }else{ 
     $("#hours_monday_open").attr("disabled", false); 
     $("#hours_monday_closed").attr("disabled", false); 
    } 
}); 

Однако, когда флажок установлен только открытые часы отключен/включен ... Замкнутый выпадающий, кажется, становится игнорироваться.

Answer 1

Собственный атрибут, как ни странно, равен disabled, а не true.

$("#hours_monday_open").attr("disabled", "disabled"); 

Чтобы включить ее, удалить отключенный атрибут:

$("#hours_monday_open").removeAttribute("disabled"); 

С JQuery 1.6, вы можете использовать .prop() функциональность для очистки/установить это.

Answer 2

$("#closed_monday").click(function(){ 
     if($(this).is(':checked')){ 
     $("#hours_monday_open, #hours_monday_closed").attr("disabled", "disabled"); 
     }else{ 
     $("#hours_monday_open, #hours_monday_closed").removeAttribute("disabled"); 
     } 
    });​ 

Answer 3

$("#closed_monday").change(function(){ 
    if($(this).is(':checked')){ 
     $("#hours_monday_open").attr("disabled", "disabled"); 
     $("#hours_monday_closed").attr("disabled", "disabled"); 
    }else{ 
     $("#hours_monday_open").removeAttribute("disabled"); 
     $("#hours_monday_closed").removeAttribute("disabled"); 
    } 
}); 

Это простое изменение .Кнопки() и .click(), просто неправильное событие.

http://jsfiddle.net/6Yr8Q/2/