【Javascript】URLのクエリ情報からhtmlのフォームを埋める/チェックボックスをチェックする

/* アドレスの「?」以降の引数(パラメータ)を取得 */
var pram=window.location.search;
/* 引数がない時は処理しない */
if (!pram) return false;
/* 先頭の?をカット */
pram=pram.substring(1);
/* 「&」で引数を分割して配列に */
var pair=pram.split("&");
var i=temp="";
for (i=0; i < pair.length; i++) {
/* 配列の値を「=」で分割 */
temp=pair[i].split("=");
keyName=temp[0];
keyValue=temp[1];
if (document.getElementById(keyName) != null){
document.form1.elements[keyName].value=keyValue;
}

if (document.getElementById(keyName) != null){
parent.document.getElementById(keyName).checked = true;
}
}

phpjavascriptroom.com

↑の「パラメータを受取る側」というところを参考にした

あと、チェックボックスがあれば、それもチェックする
htmlの要素にあるかどうかの存在判定は↓の記事を参考にした

qiita.com

この方法でフォームを埋めるときに、htmlに同一のidが2つ以上あると動かない
エラーは出ないが、ちゃんとフォームが埋まらない
確かidは1つのhtmlで1つしか使ってはいけない、とかだった気がする

• • • • • • • • • • -

gray-code.com

URL関連で文字コードが変わる問題があったけど、これをデコードすれば元に戻るっぽい
特に何もライブラリを使わなくてもOK

ランキング参加中です

↓クリックしていただけると嬉しいです〜