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

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

フォーム

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でフォームを参照しよう!

★.フォーム名 フォームを参照 forms[参照番号] フォームを参照 ★.forms.length フォームの数を参照 ♦.name フォームの名前を参照 ★・・・Documentオブ …

JavaScriptでエンコード方式を設定しよう!

★.action 送信先を参照/設定 スポンサーリンク ★・・・Formオブジェクト(フォーム名またはforms[参照番号])     form要素の各属性で指 …

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

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

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

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

JavaScriptでフォームの内容をリセットしよう!

★.reset() フォームの内容をリセット ★・・・Formオブジェクト(フォーム名またはforms[参照番号]) フォームの内容をリセットするメソッドです。 // フォーム名 form1 の内容を …