ユーザーがチェックボックスをクリックしたときに、いくつかのドロップダウン選択コントロールを無効にする

Question

時間のドロップダウンを1つの選択に、分を別のものに、午前/午後を3番目に表示します。 "1日中"と表示されているチェックボックスがあります。

"一日中"をチェックすると、すべての選択ドロップダウンが無効になります。

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);  
});