[JavaScript] フォームの内容を文字列化⇔復元する - Qiita

HTMLのフォームの内容を文字列化したり、その文字列を元にフォームの内容を復元する知見。 ソースコード フォーム文字列化 第1引数にフォーム要素を渡します。戻り値はJSON文字列です。 idがある要素のみ文字列化されます。 function form_toJSON(form){ const json = {} for(const el of form.querySelectorAll('[id]')){ if(['file','submit','reset'].includes(el.type)){ continue } else if(el.type === 'checkbox' || el.type === 'radio'){ json[el.id] = el.checked } else if(el.tagName === 'SELECT'){ json[el.id] = {} fo