現役システムエンジニアの備忘録

技術スキルや用語などの記録を残していきます

フォーム

JavaScriptで選択されているか調べてみよう!

投稿日:

★.checked チェック状態を参照/設定
★.options[参照番号].selected 選択状態を参照
★・・・Elementオブジェクト(エレメント名またはelements[参照番号])
チェックボックスやラジオボタン、セレクトメニューのメニュー項目の状態を参照/設定するプロパティです。

checkedプロパティ

指定したチェックボックスやラジオボタンの選択状態を参照/設定します。選択されている場合はtrue、されていない場合はfalseを返します。

スポンサーリンク

selectedプロパティ

指定したメニュー項目の選択状態を参照/設定します。選択されている場合はtrue、されていない場合はfalseを返します。メニュー項目はoptions[参照番号]という形式で指定します。1番目のメニュー項目の参照番号は0になります。
// フォーム名 dataForm の1番目のエレメント(チェックボックスやラジオボタン)を選択されている状態(オン)にします。
document.dataForm.elements[0].checked = true;
// セレクトメニュー名 dataMenu の1番目の項目が選択された場合、「確認してください」というダイアログを表示します。
if (document.dataForm.dataMenu.options[0].selected == true) {
alert(“確認してください”);
}

スポンサーリンク

-フォーム
-

執筆者:


comment

メールアドレスが公開されることはありません。

関連記事

JavaScriptで選択の初期状態を調べよう!

♦.defaultChecked 初期チェック状態を参照 ♦.options[参照番号].defaultSelected 初期選択状態を参照 ♦・・・Elem …

JavaScriptでフォームの内容を送信しよう!

★.submit() フォームの内容を送信 スポンサーリンク ★・・・Formオブジェクト(フォーム名またはforms[参照番号]) フォームの内容を送信するメソッドです。submitメソッドを利用し …

JavaScriptでターゲット名を設定しよう!

★.target ターゲット名を参照/設定 スポンサーリンク ★・・・Formオブジェクト(フォーム名またはforms[参照番号])     form要素の各属 …

JavaScriptで自動的にフォーカスを移動させてみよう!

★.click() クリックする ★.blur() フォーカスを外す ★.focus() フォーカスを合わせる ★.select() 文字を選択状態にする ★・・・Elementオブジェクト(エレメン …

JavaScriptでどの項目が選択されているか調べよう!

★.selectedIndex ★・・・Elementオブジェクト(エレメント名またはelements[参照番号]) セレクトメニューで選択されている項目の参照番号を参照します。最初のメニュー項目の参 …