Javascript 我想将HTML从'；关闭'；至'；在'；使用类似于切换的onclick事件

我想将HTML从“关闭”更改为“打开”。我可以通过使用一些jQuery和.HTML来实现这一点，如下所示：

HTML:

但是，当我这样做时，我还想在另一个onclick事件中将其更改回“OFF”。 我试过了。。if/else语句、变量和开关语句。似乎什么都不管用，有没有其他更喜欢的方法来切换html

---

使用我的Google搜索功能不会带来好运。

尝试设置一个检查DIV内值的单击处理程序，然后根据该值将其更改为开或关

<div class="sample"><p>OFF</p></div>

<script>
    $(document).ready(function() { 
          run();
    });

    function run(){
      $('.sample').click(function() {
        if ($('.sample p').html() == "on")) {
              // Set to On
        } else {
             // Set to off
        }
    }
</script>

关闭

$（文档）.ready（函数（）{
run（）；
});
函数运行（）{
$（'.sample'）。单击（函数（）{
如果（$（'.sample p'）.html（）==“on”））{
//开始
}否则{
//出发
}
}

尝试设置一个检查DIV内值的单击处理程序，然后根据该值将其更改为开或关

<div class="sample"><p>OFF</p></div>

<script>
    $(document).ready(function() { 
          run();
    });

    function run(){
      $('.sample').click(function() {
        if ($('.sample p').html() == "on")) {
              // Set to On
        } else {
             // Set to off
        }
    }
</script>

关闭

$（文档）.ready（函数（）{
run（）；
});
函数运行（）{
$（'.sample'）。单击（函数（）{
如果（$（'.sample p'）.html（）==“on”））{
//开始
}否则{
//出发
}
}

我建议远离在线事件处理：

$('.sample p').click(function(){
    $(this).text(function(i, t){
        return t === 'OFF' ? 'ON' : 'OFF';
    });
});

但是，如果要使用命名函数，请执行以下操作：

function run(){
    $('.sample p').text(function(i,t){
        return t === 'OFF' ? 'ON' : 'OFF';
    });
}

但是，要扩展此功能，使其可用于其他元素，请执行以下操作：

<div class="sample" onclick="run(this);"><p>OFF</p></div>

---

.

我建议远离在线事件处理：

$('.sample p').click(function(){
    $(this).text(function(i, t){
        return t === 'OFF' ? 'ON' : 'OFF';
    });
});

但是，如果要使用命名函数，请执行以下操作：

function run(){
    $('.sample p').text(function(i,t){
        return t === 'OFF' ? 'ON' : 'OFF';
    });
}

但是，要扩展此功能，使其可用于其他元素，请执行以下操作：

<div class="sample" onclick="run(this);"><p>OFF</p></div>

.

您可以这样做：

var p = $('.sample p');
p.html( p.html()=="ON" ? "OFF" : "ON" );

您可以这样做：

var p = $('.sample p');
p.html( p.html()=="ON" ? "OFF" : "ON" );

---

移动内联函数处理程序并将事件绑定到脚本文件或脚本标记中

$('.sample').on('click' , function() {
    var $p = $('p', this);

    $p.text() === 'OFF' ? $p.text('ON') : $p.text('OFF');
});

---

移动内联函数处理程序并将事件绑定到脚本文件或脚本标记中

$('.sample').on('click' , function() {
    var $p = $('p', this);

    $p.text() === 'OFF' ? $p.text('ON') : $p.text('OFF');
});

您可以尝试以下方法：

HTML:

使用jQuery，无需向HTML标记添加onclick属性。

您可以尝试以下方法：

HTML:

有了jQuery，无需向HTML标记添加onclick属性。

这里，让我：

jQuery：

$(document).ready(function() {
    $("div.sample").click(function() {
        if ($("p", $(this)).html() == "ON") {
            $("p", $(this)).html("OFF");
        } else {
            $("p", $(this)).html("ON");
        }
    });
});

HTML:

在

在这里，让我：

jQuery：

$(document).ready(function() {
    $("div.sample").click(function() {
        if ($("p", $(this)).html() == "ON") {
            $("p", $(this)).html("OFF");
        } else {
            $("p", $(this)).html("ON");
        }
    });
});

HTML:

在

只是一个想法：

HTML

<input class="toggle" type="checkbox"/>

加上更多的糖，你可以把它变成：

只是一个想法：

HTML

<input class="toggle" type="checkbox"/>

加上更多的糖，你可以把它变成：

---

这是最好的，也是我想要的。谢谢你的回复。我对Jquery和JavaScript非常陌生，我想真的不需要onclick事件。谢谢你的洞察力。这是最好的，也是我想要的。谢谢你的回复。我对Jquery和JavaScript非常陌生，我想是真的onclick事件不需要使用ly。感谢您的洞察力。