Проверка выбранных выпадающих списков при загрузке?

Question

я в настоящее время есть много контента, который показывает OnChange события, такие как:

$('input[type="checkbox"][name="ThisBox"]').change(function() { 
    if($(this).is(':checked')){ 
     $('.ThisDiv').css('display', 'block');  
    } else if ($(this).is(':not(:checked)')){ 
     $('.ThisDiv').css('display', 'none');  
    } 
}); 

Есть ли способ выполнения этих проверок при загрузке страницы, а также, когда параметр изменяется?

Answer 1

Вы можете использовать $.trigger. Вам просто нужно уволить его после всех обработчиков связаны (то есть право в конце вашего скрипта) ...

$(document).ready(function(){ 
    $('input[type="checkbox"]').trigger('change'); 
}); 

Это приведет все change обработчиков активироваться на всех checkbox элементов.

Альтернатива реорганизовать:

var checkboxHandler = function(){ 
    if($(this).is(':checked')){ 
     $('.ThisDiv').css('display', 'block');  
    } else if ($(this).is(':not(:checked)')){ 
     $('.ThisDiv').css('display', 'none');  
    } 
}; 

$('input[type="checkbox"][name="ThisBox"]').change(checkboxHandler).each(checkboxHandler); 

Here's a fiddle of the second.

Answer 2

вы можете поместить код в отдельную функцию и вызвать его на документ, готовый событие и OnChange событий;

$('input[type="checkbox"][name="ThisBox"]').change(function() { 
    checker($(this)); 
}); 

function checker(data){ 
if(data.is(':checked')){ 
     $('.ThisDiv').css('display', 'block');  
    } else if (data.is(':not(:checked)')){ 
     $('.ThisDiv').css('display', 'none');  
    } 
}; 

Answer 3

Используйте on вместо этого на change, как это:

$('input[type="checkbox"][name="ThisBox"]').on("load change", function() { 
    if($(this).is(':checked')){ 
     $('.ThisDiv').css('display', 'block');  
    } else if ($(this).is(':not(:checked)')){ 
     $('.ThisDiv').css('display', 'none');  
    } 
});