<input type="checkbox" id="chk">
<label for="chk"></label>
<h1 id="header">Lorem ipsum</h1>
var chk = document.querySelector('#chk');
var header = document.querySelector('#header');
if(chk.checked)
    header.innerHTML = "state 1";
else
    header.innerHTML = "Lorem ipsum";

Alors. lorsque la case est cochée, le texte passe à "état 1" lorsque décoché (état par défaut), le texte revient à "état 2". Ce code ne fonctionne pas comme je veux

1
zoran lazarevic 17 janv. 2017 à 00:31

2 réponses

Meilleure réponse

Salut mon frère!

<input type="checkbox" id="chk"> <label for="chk"></> <h1 id="header">Lorem ipsum</h1>

"

var chk = document.querySelector('#chk');
var header = document.querySelector('#header');

chk.addEventListener('change', function (e) {
    if(chk.checked)
        header.innerHTML = "state 1";
    else
        header.innerHTML = "state 2";
});

"

2
Smiranin 16 janv. 2017 à 21:40

Voici une solution simple. J'espère que ça aide!

function myFunction(mycheckbox, label) {
        document.getElementById(label).innerHTML = mycheckbox.checked ? "state 1" : "state 2";
}
<input type="checkbox" onclick="myFunction(this, 'header');" />
<label for="chk" id="header">Lorem ipsum</label>
2
HenryDev 16 janv. 2017 à 21:54