未捕获的状态:无法在HTMLInputElement.updateData JSON Javasscript上设置未定义的属性‘TypeError’
未捕获的状态:无法在HTMLInputElement.updateData JSON Javasscript上设置未定义的属性‘TypeError’
提问于 2018-09-12 04:04:18
我有这段代码，它似乎工作得很好，直到我添加了最后一行。据我所知，最后一行也没有错误，但我一直收到错误
firstProjectDifferent_style.html?_ijt=gs7id9qc5jeql1hvnl2cgn56i4:38 Uncaught TypeError: Cannot set property 'status' of undefined
at HTMLInputElement.updateData 下面是完整的代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JSON Excercise</title>
</head>
<body>
<h1>Learn JSON</h1>
<div id="output">
<ul id="taskList">
</ul>
</div>
<script type="text/javascript">
var data = '[{"info":"Cut Grass","status":false},{"info":"Clean Room","status":true},' +
'{"info":"Go to Gyn","status":true},{"info":"Make Dinner Late","status":false}]';
var dataJSON = JSON.parse(data);
var output = document.getElementById("output");
var taskList = document.querySelector("#taskList");
for (var key in dataJSON){
var status = dataJSON[key].status?"checked":"";
var html = "<li>"+ dataJSON[key].info + "<input type='checkbox' value='" + dataJSON[key].info + "'" + status +"></li>";
taskList.innerHTML += html
}
addEvent();
function addEvent() {
var checkBoxes = document.querySelectorAll("#taskList li input[type='checkbox']");
for (var index in checkBoxes){
checkBoxes[index].onchange = updateData;
}
}
function updateData() {
var key = event.target.value;
console.log(key, event.target.checked);
dataJSON[key].status = event.target.checked; //This line is causing the problem
}
</script>
</body>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52283463
复制相关文章
相似问题