javascript - jquery 更改标签文本，bootstrap

Question

这是我第一次尝试编写 jquery 代码，但我无法更改 Bootstrap 标签文本

我尝试编写一些代码，但它不起作用

$(document).ready(function()
{
    $("#customCheck1").on("change", checkboxChange);

    function checkboxChange()
    {
         $('#lblauto').val($("this").text());
    }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" class="custom-control-input" id="customCheck1">
<label class="custom-control-label" for="customCheck1" id="lblauto">Auto Reload OFF</label>

Answer 1

$("#customCheck1").on("change", function () {
    if ($(this).is(":checked")) {
        $('#lblauto').text("Checkbox is checked")
    } else {
        $('#lblauto').text("Checkbox is unChecked")
    }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" class="custom-control-input" id="customCheck1">
<label class="custom-control-label" for="customCheck1" id="lblauto">Auto Reload OFF</label>