{
    "Title": "\u6838\u53d6\u65b9\u584a",
    "Modules": [
        {
            "Sections": [
                {
                    "Description": "\u4f60\u53ef\u4ee5\u4f7f\u7528 JavaScript \u4f86\u7701\u53bb\u64b0\u5beb `[id=\"\"]` \u548c `[for=\"\"]` \u7684\u56f0\u64fe\u3002",
                    "JavaScript": "ts('.ts.checkbox').checkbox();\n",
                    "AutoExecute": true,
                    "Title": "\u7c21\u55ae",
                    "HTML": "<div class=\"ts checkbox\">\n    <input type=\"checkbox\">\n    <label>\u7b2c\u4e09\u6027</label>\n</div>\n",
                    "Since": "2.3.3"
                }
            ],
            "Title": "JavaScript",
            "Description": "\u6838\u53d6\u65b9\u584a\u6709\u63d0\u4f9b\u53ef\u7528\u7684 JavaScript \u6a21\u584a\u3002"
        }
    ],
    "Description": "\u597d\u7684\u3002",
    "Definitions": [
        {
            "Sections": [
                {
                    "Title": "\u57fa\u672c",
                    "Description": "\u6700\u57fa\u672c\u7684\u6838\u53d6\u65b9\u584a\u3002",
                    "Since": "2.3.3",
                    "HTML": "<div class=\"ts [[checkbox]]\">\n    <input type=\"checkbox\" id=\"thirdGender\">\n    <label for=\"thirdGender\">\u7b2c\u4e09\u6027</label>\n</div>\n"
                },
                {
                    "Title": "\u55ae\u9078\u65b9\u584a",
                    "Description": "\u4e00\u500b\u50c5\u80fd\u5920\u5728\u591a\u500b\u9078\u9805\u4e2d\u6838\u53d6\u5176\u4e2d\u4e00\u9805\u7684\u55ae\u9078\u65b9\u584a\u3002",
                    "Since": "2.3.3",
                    "HTML": "<div class=\"ts [[radio]] checkbox\">\n    <input type=\"radio\" id=\"radio\">\n    <label for=\"radio\">\u7537\u6027</label>\n</div>\n"
                },
                {
                    "Title": "\u6307\u64a5\u958b\u95dc",
                    "Description": "\u4e00\u500b\u53ef\u4f9b\u5207\u63db\u7684\u6307\u64a5\u958b\u95dc\u3002",
                    "Since": "2.3.3",
                    "HTML": "<div class=\"ts [[toggle]] checkbox\">\n    <input type=\"checkbox\" id=\"toggle\">\n    <label for=\"toggle\">\u66ab\u96e2</label>\n</div>\n"
                }
            ],
            "Title": "\u7a2e\u985e",
            "Description": "\u6838\u53d6\u65b9\u584a\u6709\u4e0d\u540c\u7684\u7a2e\u985e\u53ef\u4f9b\u9078\u64c7\u3002"
        },
        {
            "Sections": [
                {
                    "Title": "\u6838\u53d6\u7fa4\u7d44",
                    "Description": "\u6838\u53d6\u65b9\u584a\u7fa4\u7d44\u53ef\u4ee5\u7528\u4f86\u6392\u5217\u3002",
                    "Since": "2.3.3",
                    "HTML": "<div class=\"ts [[checkboxes]]\">\n    <div class=\"ts radio checkbox\">\n        <input type=\"radio\" name=\"gender\" id=\"male\">\n        <label for=\"male\">\u7537\u6027</label>\n    </div>\n    <div class=\"ts radio checkbox\">\n        <input type=\"radio\" name=\"gender\" id=\"female\">\n        <label for=\"female\">\u5973\u6027</label>\n    </div>\n    <div class=\"ts radio checkbox\">\n        <input type=\"radio\" name=\"gender\" id=\"third\">\n        <label for=\"third\">\u7b2c\u4e09\u6027</label>\n    </div>\n</div>\n"
                },
                {
                    "Title": "\u6c34\u5e73\u7fa4\u7d44",
                    "Description": "\u7fa4\u7d44\u53ef\u4ee5\u662f\u6c34\u5e73\u6392\u5217\u7684\u3002",
                    "Since": "2.3.3",
                    "HTML": "<div class=\"ts [[horizontal]] checkboxes\">\n    <div class=\"ts checkbox\">\n        <input type=\"checkbox\" id=\"blue\">\n        <label for=\"blue\">\u5c0f\u85cd</label>\n    </div>\n    <div class=\"ts checkbox\">\n        <input type=\"checkbox\" id=\"seed\">\n        <label for=\"seed\">\u5c0f\u82bd</label>\n    </div>\n    <div class=\"ts checkbox\">\n        <input type=\"checkbox\" id=\"orenji\">\n        <label for=\"orenji\">\u6a59\u5e0c</label>\n    </div>\n</div>\n"
                },
                {
                    "Title": "\u8f15\u5de7\u7248",
                    "Description": "\u7fa4\u7d44\u53ef\u4ee5\u662f\u4f9d\u7167\u5167\u5bb9\u70ba\u5bec\u5ea6\u57fa\u6e96\uff0c\u800c\u4e0d\u662f\u4e00\u958b\u59cb\u5c31\u670d\u8cbc\u5bb9\u5668\u7684\u5bec\u5ea6\u3002",
                    "Since": "2.3.3",
                    "HTML": "<div class=\"ts [[compact]] horizontal checkboxes\">\n    <div class=\"ts checkbox\">\n        <input type=\"checkbox\" id=\"apple\">\n        <label for=\"apple\">\u860b\u679c</label>\n    </div>\n    <div class=\"ts checkbox\">\n        <input type=\"checkbox\" id=\"polo\">\n        <label for=\"polo\">\u83e0\u863f</label>\n    </div>\n    <div class=\"ts checkbox\">\n        <input type=\"checkbox\" id=\"bavone\">\n        <label for=\"bavone\">\u62d4\u9cf3\u68a8</label>\n    </div>\n</div>\n"
                },
                {
                    "Title": "\u6c34\u5e73\u5c0d\u9f4a",
                    "Remove": [
                        "<br><br>"
                    ],
                    "Description": "\u7fa4\u7d44\u53ef\u4ee5\u9760\u53f3\u3001\u5de6\u3001\u751a\u81f3\u7f6e\u4e2d\u3002",
                    "Since": "2.3.3",
                    "HTML": "<div class=\"ts [[left aligned]] compact horizontal checkboxes\">\n    <div class=\"ts checkbox\">\n        <input type=\"checkbox\" id=\"lelia\">\n        <label for=\"lelia\">\u96f7\u8389\u4e9e</label>\n    </div>\n    <div class=\"ts checkbox\">\n        <input type=\"checkbox\" id=\"avane\">\n        <label for=\"avane\">\u4e9e\u51e1\u82bd</label>\n    </div>\n</div>\n<br><br>\n<div class=\"ts [[center aligned]] compact horizontal checkboxes\">\n    <div class=\"ts checkbox\">\n        <input type=\"checkbox\" id=\"aoi\">\n        <label for=\"aoi\">\u5433\u96e8\u85cd</label>\n    </div>\n    <div class=\"ts checkbox\">\n        <input type=\"checkbox\" id=\"shirone\">\n        <label for=\"shirone\">\u7fbd\u7530\u767d\u97f3</label>\n    </div>\n</div>\n<br><br>\n<div class=\"ts [[right aligned]] compact horizontal checkboxes\">\n    <div class=\"ts checkbox\">\n        <input type=\"checkbox\" id=\"caris\">\n        <label for=\"caris\">\u5361\u8389\u7d72</label>\n    </div>\n    <div class=\"ts checkbox\">\n        <input type=\"checkbox\" id=\"iknore\">\n        <label for=\"iknore\">\u4f9d\u53ef\u8afe\u723e</label>\n    </div>\n</div>\n"
                }
            ],
            "Title": "\u7fa4\u7d44",
            "Description": "\u591a\u500b\u6838\u53d6\u65b9\u584a\u53ef\u4ee5\u7d44\u6210\u4e00\u500b\u7fa4\u7d44\u3002"
        },
        {
            "Sections": [
                {
                    "Title": "\u5df2\u505c\u7528",
                    "Description": "\u4e00\u500b\u6838\u53d6\u65b9\u584a\u53ef\u4ee5\u986f\u793a\u5df2\u7d93\u88ab\u505c\u7528\u3001\u4e0d\u53ef\u4f7f\u7528\u7684\u6a23\u5b50\u3002",
                    "Since": "2.3.3",
                    "HTML": "<div class=\"ts [[disabled]] checkbox\">\n    <input type=\"checkbox\">\n    <label>\u4f60\u4e0d\u80fd\u9ede\u64ca\u6211</label>\n</div>\n"
                }
            ],
            "Title": "\u72c0\u614b",
            "Description": "\u6838\u53d6\u65b9\u584a\u6709\u4e0d\u540c\u7684\u72c0\u614b\u3002"
        },
        {
            "Sections": [
                {
                    "Responsive": true,
                    "Title": "\u81ea\u52d5\u5c64\u758a",
                    "Description": "\u6838\u53d6\u65b9\u584a\u7fa4\u7d44\u53ef\u4ee5\u5728\u884c\u52d5\u88dd\u7f6e\u4e0a\u81ea\u52d5\u5c64\u758a\uff0c\u800c\u4e0d\u662f\u4fdd\u6301\u6c34\u5e73\u6392\u5217\u3002\u6b32\u8981\u89c0\u770b\u6548\u679c\uff0c\u4f60\u53ef\u80fd\u9700\u8981\u4f7f\u7528\u624b\u6a5f\u88dd\u7f6e\u700f\u89bd\u6b64\u7bc4\u4f8b\u3002",
                    "Since": "2.3.3",
                    "HTML": "<div class=\"ts horizontal [[stackable]] checkboxes\">\n    <div class=\"ts radio checkbox\">\n        <input type=\"radio\" name=\"os\" id=\"windows\">\n        <label for=\"windows\">Windows</label>\n    </div>\n    <div class=\"ts radio checkbox\">\n        <input type=\"radio\" name=\"os\" id=\"linux\">\n        <label for=\"linux\">Linux</label>\n    </div>\n    <div class=\"ts radio checkbox\">\n        <input type=\"radio\" name=\"os\" id=\"macos\">\n        <label for=\"macos\">macOS</label>\n    </div>\n</div>\n"
                },
                {
                    "Title": "\u53cd\u8272",
                    "Description": "\u6838\u53d6\u65b9\u584a\u53ef\u4ee5\u662f\u53cd\u8272\u7684\u3002",
                    "Since": "2.3.3",
                    "HTML": "<div class=\"ts inverted {{segment}}\">\n    <div class=\"ts [[inverted]] checkboxes\">\n        <div class=\"ts checkbox\">\n            <input type=\"checkbox\" id=\"xiaoan\">\n            <label for=\"xiaoan\">\u6d28\u5b89</label>\n        </div>\n        <div class=\"ts checkbox\">\n            <input type=\"checkbox\" id=\"kataya\">\n            <label for=\"kataya\">\u5361\u7279\u96c5</label>\n        </div>\n        <div class=\"ts checkbox\">\n            <input type=\"checkbox\" id=\"pear\">\n            <label for=\"pear\">\u76ae\u723e</label>\n        </div>\n    </div>\n</div>\n"
                }
            ],
            "Title": "\u5916\u89c0",
            "Description": "\u6838\u53d6\u65b9\u584a\u6709\u4e0d\u540c\u7684\u5916\u89c0\u3002"
        }
    ]
}