inputCheckboxObject.defaultCheckedは、チェックボックス（type属性がcheckboxであるinput要素）の初期設定が選択状態（チェック状態）かどうかを返すプロパティ。
構文
取得
var $defaultChecked = $inputElementReference.defaultChecked;
戻り値
チェックボックスの初期設定が選択状態（チェック状態）かどうか。
- チェックボックスの初期設定が選択状態であれば「true」を返す。
- チェックボックスの初期設定が選択状態でなければ「false」を返す。
サンプル
サンプルの動作について
- 「チェックボックスＡの初期設定は選択状態か」ボタンをクリックすると、ボタンの右横に「true」と表示する。
- 「チェックボックスＢの初期設定は選択状態か」ボタンをクリックすると、ボタンの右横に「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');">チェックボックスＡの初期設定は選択状態か</button>
<span id="sampleOutputA"></span>
</p>
<p>
<button onclick="getType('sampleB','sampleOutputB');">チェックボックスＢの初期設定は選択状態か</button>
<span id="sampleOutputB"></span>
</p>
<p>
<label><input type="checkbox" name="sampleCheckbox" id="sampleA" value="A" checked> チェックボックスＡ</label>
<label><input type="checkbox" name="sampleCheckbox" id="sampleB" value="B"> チェックボックスＢ</label>
</p>
</div>
<p>
<button onclick="getType('sampleA','sampleOutputA');">チェックボックスＡの初期設定は選択状態か</button>
<span id="sampleOutputA"></span>
</p>
<p>
<button onclick="getType('sampleB','sampleOutputB');">チェックボックスＢの初期設定は選択状態か</button>
<span id="sampleOutputB"></span>
</p>
<p>
<label><input type="checkbox" name="sampleCheckbox" id="sampleA" value="A" checked> チェックボックスＡ</label>
<label><input type="checkbox" name="sampleCheckbox" id="sampleB" value="B"> チェックボックスＢ</label>
</p>
</div>