javascript - 单击复选框或其标签时的淡出和淡入 Div

Question

如果复选框未选中，我想淡出，如果复选框被选中，我想淡入。我也有可点击的标签，所以复选框旁边的文本理想情况下应该做同样的事情。到目前为止，这是我所拥有的，它不起作用，但我不确定为什么:

$(document).ready(function () {
    $('#frequent1').on('change', function () {
        if (!this.checked) {
            $("#self").fadeOut;
        }
    });
});

HTML:

<label>
    <input type="checkbox" id="frequent1" name="frequent1" value="self" checked> This
    item: </label>

Answer 1

fadeOut 是一个 jQuery 函数。

这个:

$("#self").fadeOut;

需要这样:

$("#self").fadeOut();