Input Radio checked 属性

HTML DOM イプット ラジオ オブジェクト

定義と使用方法

checked 属性はラジオボタンの選択状態を設定または返却します。

この属性は HTML checked 属性を反映しています。

参照してください：

HTML リファレンスマニュアル：HTML <input> checked 属性

例

例 1

指定されたラジオボタンの選択と非選択：

function check() {
  document.getElementById("red").checked = true;
}
function uncheck() {
  document.getElementById("red").checked = false;
}

自分で試してみてください

例 2

ラジオボタンが選択されているか確認：

var x = document.getElementById("myRadio").checked;

自分で試してみてください

例 3

ラジオボタンを使用して入力フィールドのテキストを大文字に変換：

document.getElementById("fname").value = document.getElementById("fname").value.toUpperCase();

自分で試してみてください

例 4

フォーム内のいくつかのラジオボタン：

var coffee = document.forms[0];
var txt = "";
var i;
for (i = 0; i < coffee.length; i++) {
  if (coffee[i].checked) {
    txt = txt + coffee[i].value + " ";
  }
}
document.getElementById("order").value = "あなたが注文したコーヒーに加えたもの：" + txt;

自分で試してみてください

文法

checked 属性の返却：

radioObject.checked

checked 属性の設定：

radioObject.checked = トレウ|フール

属性値

値 説明
true|false

オプションボックスが選択されるべきかどうかを指定

  • true - オプションボックスが選択されています
  • false - デフォルト。オプションボックスが選択されていません

技術的な詳細

返却値： ブール値、オプションボックスが選択されている場合に返却 true；そうでない場合は返却 false。

ブラウザサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート

HTML DOM イプット ラジオ オブジェクト