inputRadioObject.checkedは、ラジオボタン（type属性がradioであるinput要素）のchecked属性の値を取得、もしくは、設定するプロパティ。
checked属性には、ラジオボタンを選択（チェック）するかどうかを指定することができる。
構文
取得
var $checked = $inputElementReference.checked;
戻り値
ラジオボタンのchecked属性値。
- ラジオボタンが選択されていれば「true」を返す。
- ラジオボタンが選択されていなければ「false」を返す。
設定
$inputElementReference.checked = boolean;
- boolean
- 選択するかどうかを指定。
true：選択する。false：選択しない。
サンプル
サンプルの動作について
- 「ラジオボタンＡを選択する」ボタンをクリックすると、「ラジオボタンＡ」を選択する。
- 「ラジオボタンＡを選択しない」ボタンをクリックすると、「ラジオボタンＡ」を選択しない。
- 「ラジオボタンＢは選択されているか」ボタンをクリックすると、
- 「ラジオボタンＢ」が選択されていれば、ボタンの右横に「true」と表示する。
- 「ラジオボタンＢ」が選択されていなければ、ボタンの右横に「false」と表示する。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function setType( $checked ) {
var $elementReference = document.getElementById( "sampleA" );
$elementReference.checked = $checked;
}
function getType() {
var $elementReference = document.getElementById( "sampleB" );
var $checked = $elementReference.checked;
document.getElementById( "sampleOutput" ).innerHTML = $checked;
}
</script>
function setType( $checked ) {
var $elementReference = document.getElementById( "sampleA" );
$elementReference.checked = $checked;
}
function getType() {
var $elementReference = document.getElementById( "sampleB" );
var $checked = $elementReference.checked;
document.getElementById( "sampleOutput" ).innerHTML = $checked;
}
</script>
HTML
<div id="sampleWarp">
<p>
<button onclick="setType( true );">ラジオボタンＡを選択する</button>
<button onclick="setType( false );">ラジオボタンＡを選択しない</button>
</p>
<p>
<button onclick="getType();">ラジオボタンＢは選択されているか</button>
<span id="sampleOutput"></span>
</p>
<p>
<label><input type="radio" name="sampleRadio" id="sampleA" value="A"> ラジオボタンＡ</label>
<label><input type="radio" name="sampleRadio" id="sampleB" value="B"> ラジオボタンＢ</label>
</p>
</div>
<p>
<button onclick="setType( true );">ラジオボタンＡを選択する</button>
<button onclick="setType( false );">ラジオボタンＡを選択しない</button>
</p>
<p>
<button onclick="getType();">ラジオボタンＢは選択されているか</button>
<span id="sampleOutput"></span>
</p>
<p>
<label><input type="radio" name="sampleRadio" id="sampleA" value="A"> ラジオボタンＡ</label>
<label><input type="radio" name="sampleRadio" id="sampleB" value="B"> ラジオボタンＢ</label>
</p>
</div>