JavaScriptにおけるチェックボックスの操作
ここでは、チェックボックスの操作方法を学びます。 チェックボックスは特別なチェックマークであり、 次の2つの状態を取ることができます: チェック済みと未チェックです。
チェックボックスは以下のように作成します:
<input type="checkbox" id="elem">
チェックボックスをチェック済みにするには、
checked属性を記述する必要があります:
<input type="checkbox" checked id="elem">
例として、このチェックボックスの状態を取得してみましょう:
let elem = document.querySelector('#elem');
console.log(elem.checked);
チェックボックスと2つのボタンがあります。 最初のボタンをクリックするとチェックボックスをチェック済み状態にし、 2番目のボタンをクリックすると未チェック状態に設定してください。
チェックボックス、ボタン、段落があります。
ボタンをクリックしたとき、チェックボックスがチェック済みであれば
段落に'こんにちは'という単語を表示し、
チェックボックスが未チェックであれば、
'さようなら'という単語を表示してください。