javascript - トグルのような onclick イベントで HTML を「OFF」から「ON」に変更したい

Question

HTML を「OFF」から「ON」に変更したい。次のように、jQuery と .html を使用してこれを行うことができます。

HTML:

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

Jクエリ:

function run(){
  $('.sample p').html("ON");
}

ただし、これを行うと、別のonclickイベントで「OFF」に戻したいと思います。私は試しました.. if/else ステートメント、変数、switch ステートメント。何も機能していないようです。html を切り替えるための別の推奨される方法はありますか?

Google の検索機能を使用してもうまくいきませんでした。

score 0 · Accepted Answer

ただのアイデア：

HTML

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

CSS

input.toggle:after {
    content: "OFF";
    margin-left: 1.5em;
}

input.toggle:checked:after {
    content: "ON";
}

砂糖を増やすと、次のようになります。

7 に答える 7