Question

如果取消选中该复选框，我想fadeOut，如果选中该复选框，我想fadeIn。此外，我有可点击的标签，因此复选框旁边的文本理想情况下应该相同。继承了我到目前为止所做的事情，它不起作用，但我不确定原因：

$(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();

Answer 2

在代码中进行一些更正

使用id="self"
fadeOut和fadeIn不是属性，它们是jQuery中的方法，因此请使用fadeIn()和fadeOut()。

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label>
    <input type="checkbox" id="frequent1" name="frequent1" value="self" checked> <span id="self">This item: </span>
    </label>

单击复选框或其标签时fadeOut和fadeIn Div

2 个答案: