javascript - 检查加载时选定的下拉菜单？

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 。您只需要在绑定(bind)所有处理程序之后(即在脚本末尾)触发它...

$(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.