inputRadioObject.defaultCheckedプロパティ

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>

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>

スポンサード リンク

カテゴリー: DOM, input type=radio オブジェクト, JavaScript, リファレンス パーマリンク