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']();
}

演示：Fiddle

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

1 个答案: