首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Jquery更改标签文本,引导

Jquery更改标签文本,引导
EN

Stack Overflow用户
提问于 2019-04-23 02:19:30
回答 4查看 1.1K关注 0票数 1

这是我第一次尝试编写jquery,并且我不能更改引导程序标签文本

我试着编写一些代码,但它不起作用

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

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2019-04-23 02:22:40

$("#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>

票数 1
EN

Stack Overflow用户

发布于 2019-04-23 02:21:49

这是一个标签,它没有value属性,请使用.text()

$('#lblauto').text('Some Text');

此外,如果使用this,请不要用引号将其括起来:

$(this)this有效,$("this")无效

票数 1
EN

Stack Overflow用户

发布于 2019-04-23 02:27:28

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

    function checkboxChange()
    {
         $('#lblauto').text("Checkbox changed");
    }
});
<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>

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55799086

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档