JavaScript フォーム名(form name)とセレクトボックス名で選択した値を取得する
環境
Windows 10 Home 64bit
Google Chrome 106.0.5249.119
構文
const 変数名 = document.フォーム名.セレクトボックス名;
JavaScript onchangeを使用してチェックされたらvalue値を取得する
環境
Windows 10 Home 64bit
Google Chrome 106.0.5249.119
構文
1.onchangeのイベントハンドラの定義
onchange= ̵ ...
JavaScript addEventListenerでチェックボックスの背景色を変えるサンプル
環境
Windows 10 Home 64bit
Google Chrome 106.0.5249.119
構文
1.チェックボックス要素の取得
const 変数名 = document.g ...
JavaScript visibilityプロパティで要素を表示するサンプル
環境
Windows 10 Home 64bit
Google Chrome 106.0.5249.119
構文
const 変数名 = document.getElementById(セレクター名 ...
JavaScript displayプロパティで要素を表示するサンプル
環境
Windows 10 Home 64bit
Google Chrome 106.0.5249.119
構文
const 変数名 = document.getElementById(セレクター名 ...
JavaScript blurメソッドでテキストボックスにフォーカスを外すサンプル
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
const 変数名 = document.getElementById(“ ...
JavaScript addEventListenerメソッドでチェックボックスにチェックされたらvalue値を取得する
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
書式
1.チェックボックス要素の取得
const 変数名 = document.g ...
JavaScript document.execCommandでテキストボックスの値をコピーするサンプル
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
1.テキストボックスの値を全選択
const 変数名 = document. ...
JavaScript disabledプロパティでテキストボックスを書き込み不可(可)にするサンプル
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
const 変数名 = document.getElementById(テキストボッ ...
JavaScript focusメソッドでテキストボックスにフォーカスを当てるサンプル
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
const 変数名 = document.getElementById(“ ...
JavaScript selectメソッドでテキストボックスの値を全選択にするサンプル
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
const 変数名 = document.getElementById(セレクター名 ...
JavaScript changeイベントでテキストボックスから移動時に値を取得する
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
changeイベントの定義
const 変数名 = document.get ...
JavaScript ラジオボタンのチェックを付ける(外す)サンプル
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
1.フォームのname「frmcity」とラジオボタンのname「city」で対象を ...
JavaScript ラジオボタンのチェックされた項目のvalue値を取得するサンプル
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
1.フォームのname「frmcity」とラジオボタンのname「city」で対象を ...
JavaScript sliceメソッドで文字列の後ろから文字を取得する
構文
slice(start)
取り出しの開始位置を示す 0 から始まる位置です。
負の位置を使って、列の末尾からのオフセットを指定することができます。
slice(-2) は列の最後の 2 つの要素を ...
JavaScript padEndメソッドで後ろにゼロをつけるサンプル
構文
変数名 = 文字列.padEnd(文字列の長さ);
引数の文字列の長さまで引数の文字で後ろに埋めます。
padEndメソッドで1つ目の引数の桁数まで、2つめの引数の文字で埋めます。
padEnd( ...
JavaScript getElementsByClassNameメソッドで複数のセレクタを指定する
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
document.getElementsByClassName(“クラス ...
JavaScript replaceメソッドで改行コードをbrタグに置き換えるサンプル
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
文字列.replace(対象の文字列, 置換する文字列)
引数1は置換の対象 ...