Radio defaultCheckedプロパティ
Radio オブジェクト
定義と用法
defaultChecked プロパティは checked プロパティのデフォルト値を返します。
ラジオボタンのデフォルト状態が選択されている場合は true を返し、そうでない場合は false を返します。
構文
radioObject.defaultChecked
ブラウザサポート
すべての主要ブラウザが defaultChecked プロパティをサポートしています。
例
例
"Blue" オプションがデフォルトで選択されているかどうかを検出します：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル(example.com)</title>
<script>
function displayResult(){
var x=document.getElementById("blue").defaultChecked;
alert(x);
}
</script>
</head>
<body>
<form>
どの色が好きですか?<br>
<input type="radio" name="colors" id="red">赤色<br>
<input type="radio" name="colors" id="blue" checked="checked">青色<br>
<input type="radio" name="colors" id="green">緑色
</form>
<button type="button" onclick="displayResult()">デフォルトで青が選択されていますか?</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル(example.com)</title>
<script>
function displayResult(){
var x=document.getElementById("blue").defaultChecked;
alert(x);
}
</script>
</head>
<body>
<form>
どの色が好きですか?<br>
<input type="radio" name="colors" id="red">赤色<br>
<input type="radio" name="colors" id="blue" checked="checked">青色<br>
<input type="radio" name="colors" id="green">緑色
</form>
<button type="button" onclick="displayResult()">デフォルトで青が選択されていますか?</button>
</body>
</html>
試してみる »
Radio オブジェクト その他の拡張