jquery - 如果选中复选框，则在加载时切换可见性

Question

试图找到类似的答案，但没有找到有这个确切问题的答案。抱歉，如果我在搜索中错过了一个。

我有这个代码

    jQuery(function (jQuery){
      jQuery("#discount_ongoing").click(enable_date);
    });

    function enable_date() {
    jQuery('#discount_start').toggle();
    jQuery('#discount_end').toggle();
    }

它只是切换两个日历的可见性。实际上，它只是在单击复选框时打开和关闭日历，这很好，直到我保存复选框的状态，然后当我加载已经选中的页面时，显然切换对我没有好处，因为它以相反的方向工作。

如何检查复选框的状态，以便在页面加载时日历以正确的状态开始？或者，有没有更好的方法来做到这一点？

Answer 1

尝试

jQuery(function (jQuery){
    jQuery("#discount_ongoing").click(enable_date).triggerHandler('click');
});

function enable_date() {
    jQuery('#discount_start, #discount_end')[this.checked ? 'show' : 'hide']();
}

演示：小提琴