Q&A
#解決したい問題点
ローカルストレージを読み込んだ時に、テキストボックスにUndefinedと入力されます。
内容が空の場合、空白の値を代入したいのですが解決方法が分かりません。
html
1<!DOCTYPE html> 2<html> 3<head> 4 <meta charset="utf-8" /> 5 <title>チェックボックスなどの状態を記憶復元する</title> 6</head> 7<body> 8<table> 9<tr> 10<td>テキスト</td> 11<td><input type="text" id="text1" /></td> 12<td><input type="text" id="text2" /></td> 13<td><input type="text" id="text3" /></td> 14<td><input type="text" id="text4" /></td> 15</tr> 16 17<tr> 18<td>チェックボックス</td> 19<td> 20<input type="checkbox" id="checkbox1" value="0">チェック1 21<input type="checkbox" id="checkbox2" value="0">チェック2 22</td> 23</tr> 24</table> 25<input type="button" value="保存" onclick="hx8D.save();"> 26<input type="button" value="ロード" onclick="hx8D.load();" /> 27 28<script> 29var hx8D = function(){ 30 31var HX8D = function(){}; 32HX8D.prototype = { 33 34save : function(){ 35 36var elements = document.getElementsByTagName("input"); 37for(var i=0; i<elements.length; i++){ 38var type = elements[i].type; 39var key = elements[i].id; 40if(type == "text"){ 41localStorage[key] = elements[i].value; 42}else if(type == "checkbox"){ 43localStorage[key] = elements[i].checked; 44} 45} 46}, 47load : function(){ 48var elements = document.getElementsByTagName("input"); 49for(var i=0; i<elements.length; i++){ 50var type = elements[i].type; 51var key = elements[i].id; 52if(type == "text"){ 53elements[i].value = localStorage[key]; 54}else if(type == "checkbox"){ 55elements[i].checked = localStorage[key] == "true" ? true : false; 56} 57} 58 59}, 60}; 61 62return new HX8D(); 63}(); 64window.onload = function(){ hx8D.load() } 65</script> 66</body> 67</html>
回答1件
0
ベストアンサー
js
1// elements[i].value = localStorage[key]; 2// ↓ これでどうでしょう。 3 elements[i].value = localStorage[key] || '';
投稿2020/02/01 17:55
総合スコア69407
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/02/01 17:57
2020/02/01 18:00