最新のWeb開発のチュートリアル
 

Input Radio checked Property

<入力ラジオオブジェクト

チェックして、特定のラジオボタンをアンチェック:

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

function uncheck() {
    document.getElementById("red").checked = false;
}
»それを自分で試してみてください

定義と使用法

checkedプロパティは、ラジオボタンのチェック状態を設定または返します。

このプロパティは、HTML checked属性を反映しています。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

checkedプロパティは、すべての主要なブラウザでサポートされています。


構文

checkedプロパティを返します:

radioObject .checked

checkedプロパティを設定します。

radioObject .checked=true|false

プロパティ値

説明
true|false ラジオボタンがチェックするかどうかを指定します。
  • 真 - ラジオボタンがチェックされています
  • 偽 - デフォルト。 ラジオボタンがチェックされていません

技術的な詳細

戻り値: ブール、ラジオボタンがチェックされていない場合は、ラジオボタンがチェックされ、偽されている場合はtrueを返します

その他の例

ラジオボタンがチェックされているかどうかを調べます。

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

xの結果は次のようになります。

true
»それを自分で試してみてください

大文字に入力フィールドにテキストを変換するためのラジオボタンを使用します。

document.getElementById("fname").value = document.getElementById("fname").value.toUpperCase();
»それを自分で試してみてください

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

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 = "You ordered a coffee with: " + txt;
»それを自分で試してみてください

関連ページ

HTMLリファレンス: HTML <input>属性をチェックします


<入力ラジオオブジェクト