Travailler avec les cases à cocher en JavaScript
Maintenant, nous allons apprendre à travailler avec les cases à cocher. Une case à cocher est une marque spéciale qui peut se trouver dans deux états : coché ou non.
Une case à cocher est créée comme suit :
<input type="checkbox" id="elem">
Pour cocher la case à cocher - vous devez
lui ajouter l'attribut checked :
<input type="checkbox" checked id="elem">
Prenons un exemple pour connaître l'état de notre case à cocher :
let elem = document.querySelector('#elem');
console.log(elem.checked);
Une case à cocher et deux boutons sont donnés. En cliquant sur le premier bouton, définissez la case à cocher sur l'état coché, et en cliquant sur le second - sur l'état décoché.
Une case à cocher, un bouton et un paragraphe sont donnés. En cliquant sur
le bouton, si la case à cocher est cochée, affichez dans
le paragraphe le mot 'bonjour', et si la case à cocher
n'est pas cochée, alors le mot 'au revoir'.