给定一个JSON文件，我们如何将它显示为带有复选框的树

Question

提供的JSON具有不同的格式，即没有提到任何ID或状态 例如。，

{
    "glossary": {
        "title": "example glossary",
        "GlossDiv": {
            "title": "S",
            "GlossList": {
                "GlossEntry": {
                    "ID": "SGML",
                    "SortAs": "SGML",
                    "GlossTerm": "Standard Generalized Markup Language",
                    "Acronym": "SGML",
                    "Abbrev": "ISO 8879:1986",
                    "GlossDef": {
                        "para": "A meta-markup language, used to create markup languages such as DocBook.",
                        "GlossSeeAlso": ["GML", "XML"]
                    },
                    "GlossSee": "markup"
                }
            }
        }
    }
}

Answer 1

将其解析为json，然后您可以遍历数组并创建复选框。

<script>
var arr = $.parseJSON(jsonstring);
$.each(arr, function(i,v){
 $("div#yourDiv").append("<label name='"+i+"'>"+v+" <input type='checkbox' value='"+v+"' name='"+i+"' /></label>");
})
</script>

我还没有对此进行测试，但你可能已经明白了。