Javascript 如果选中，需要为用户显示JSON中的一些数据

JSON是嵌套的。首先，它会为用户显示一些带有复选框的服务，然后用户可以在感兴趣时进行检查。当他点击按钮时，应该显示用户想要的服务信息。如果有人能帮忙，我真的很感激，我是json新手。 我有一个HTML和一个JS，还有一个JSON文件。将节点用于本地主机和一些css。 我想我需要使用for.Each来检查复选框是否被选中，很明显我没有正确使用它

函数显示提供程序（）
{
var json={
“d”：
[
{
“问题”：“服务类型1？”，
“答案”：“答案1”，
“提供者：”：
[
{
“组织”：“提供商1-A”，
“链接”：“href=https://stackoverflow.com/questions/9463233/how-to-access-nested-json-data"
},
{
“组织机构”：“供应商1-B”，
“链接”：“href=https://stackoverflow.com/questions/9463233/how-to-access-nested-json-data"
}
]
},
{
“问题”：“服务类型2？”，
“答案”：“答案1”，
“提供者：”：
[
{
“组织”：“供应商2-A”，
“链接”：“href=https://stackoverflow.com/questions/9463233/how-to-access-nested-json-data"
},
{
“组织机构”：“供应商2-B”，
“链接”：“href=https://stackoverflow.com/questions/9463233/how-to-access-nested-json-data"
}
]
},
{
“问题”：“服务类型3？”，
“答案”：“答案1”，
“提供者：”：
[
{
“组织机构”：“供应商3-A”，
“链接”：“href=https://stackoverflow.com/questions/9463233/how-to-access-nested-json-data"
},
{
“组织”：“提供商3-B”，
“链接”：“href=https://stackoverflow.com/questions/9463233/how-to-access-nested-json-data"
}
]
}
]
};
$（文档）.ready（函数（）{
var检查=假；
$.each（json.d，function（）{
check=document.getElementById（“testcheck”）.checked；
如果（检查==true）{
$（''+this.value.Organization+'：
）.appendTo（Answers）；
}
var检查=假；
});
});
}
函数ServicesWithCheckbox（）{
var json={
“d”：
[
{
“问题”：“服务类型1？”，
“答案”：“答案1”，
“提供者：”：
[
{
“组织”：“提供商1-A”，
“链接”：“href=https://stackoverflow.com/questions/9463233/how-to-access-nested-json-data"
},
{
“组织机构”：“供应商1-B”，
“链接”：“href=https://stackoverflow.com/questions/9463233/how-to-access-nested-json-data"
}
]
},
{
“问题”：“服务类型2？”，
“答案”：“答案1”，
“提供者：”：
[
{
“组织”：“供应商2-A”，
“链接”：“href=https://stackoverflow.com/questions/9463233/how-to-access-nested-json-data"
},
{
“组织机构”：“供应商2-B”，
“链接”：“href=https://stackoverflow.com/questions/9463233/how-to-access-nested-json-data"
}
]
},
{
“问题”：“服务类型3？”，
“答案”：“答案1”，
“提供者：”：
[
{
“组织机构”：“供应商3-A”，
“链接”：“href=https://stackoverflow.com/questions/9463233/how-to-access-nested-json-data"
},
{
“组织”：“提供商3-B”，
“链接”：“href=https://stackoverflow.com/questions/9463233/how-to-access-nested-json-data"
}
]
}
]
}; 
$（文档）.ready（函数（）{
var$grouplist=$（“#复选框”）；
$.each（json.d，function（）{
$（''+this.question+'：
）.appendTo（$grouplist）；
});
})；}

单击





在这里得到你的答案
请回答：

这可能会对您有所帮助，我也对代码进行了重构

//显示服务和提供者的数据
常量json={
“d”：
[
{
“问题”：“服务类型1？”，
“提供者：”：
[
{
“组织”：“提供商1-A”，
“链接”：“href=https://stackoverflow.com/questions/9463233/how-to-access-nested-json-data"
},
{
“组织机构”：“供应商1-B”，
“链接”：“href=https://stackoverflow.com/questions/9463233/how-to-access-nested-json-data"
}
]
},
{
“问题”：“服务类型2？”，
“提供者：”：
[
{
“组织”：“供应商2-A”，
“链接”：“href=https://stackoverflow.com/questions/9463233/how-to-access-nested-json-data"
},
{
“组织机构”：“供应商2-B”，
“链接”：“href=https://stackoverflow.com/questions/9463233/how-to-access-nested-json-data"
}
]
},
{
“问题”：“服务类型3？”，
“提供者：”：
[
{
“组织机构”：“供应商3-A”，
“链接”：“href=https://stackoverflow.com/questions/9463233/how-to-access-nested-json-data"
},
{
“组织”：“提供商3-B”，
“链接”：“href=https://stackoverflow.com/questions/9463233/how-to-access-nested-json-data"
}
]
}
]
};
//复选框地图
让checkedBoxMap=newmap（）；
//添加已检查数据的步骤
函数addCheckedData（事件）{
if（event.target.checked）{
checkedBoxMap.set（Number（event.target.getAttribute（'data-num'）），true）；
}否则{
checkedBoxMap.delete（Number（event.target.getAttribute（'data-num'））；
}
}
//显示提供者
函数displayProviders（）{
让内容=“”；
for（让checkedBoxMap.keys（）中的键）{
const providers=json.d[key]['providers:']；
providers.forEach（元素=>{
content+=`Organization:${element.Organization}
链接-单击此处`
})
}
文件