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