checked属性

checked属性は、デフォルトで checkbox(チェックボックス) またはradio(ラジオボタン) を選択状態にします。

値なし属性です。

例 . チェックボックス

次の例では2つのチェックボックスを作成しています: 1つ目はchecked属性が付与されているため選択状態に、 2つ目は選択状態になりません:

html<input type="checkbox" checked>
<input type="checkbox">

Результат:

例 . ラジオボタン

2つのラジオボタンを作成してみましょう - 1つ目はchecked属性を設定するため選択状態に、 2つ目は選択状態になりません:

html<input type="radio" name="radio" checked>
<input type="radio" name="radio">

Результат:

関連項目

  • 選択状態の要素にスタイルを適用する :checked疑似クラス
  • セレクトボックスの項目をデフォルトで選択状態にする selected属性