Question

好吧，我正在尝试在html中编写并行复选框菜单，但不知怎的，我的逻辑没有帮助。可能有些专家可以帮我一点。这就是我希望菜单看起来的方式

[] Menu 1                   [] Menu 2

   [] Item 1                  [] Item 5

   [] Item 2                  [] Item 4

项目1,2在菜单1下面，5,4在菜单2下面。方括号表示复选框。菜单下的项目实际上是动态收集的，不同菜单下的数字可能会有所不同。

Answer 1

我建议使用列表和浮动的div。列表可以轻松嵌套任意多个复选框树。

<div style="float:left;">
Menu 1
<ul>
    <li>Item 1</li>
    <li>Item 2
        <ul>
        <li>Item 2a</li>
        <li>Item 2b</li>
        </ul>
    </li>
</ul>
</div>

<div style="float:left; margin-left:30px;">
Menu 2
<ul>
    <li>Item 1</li>
    <li>Item 2
        <ul>
        <li>Item 2a</li>
        <li>Item 2b</li>
        </ul>
    </li>
</ul>
</div>

这会有双重嵌套。只需在给定的无序列表<li>标记中添加更多列表项<ul>，您就可以在特定的缩进间隔中创建任意数量的复选框。

Answer 2

如果您的问题仅与HTML和CSS有关，则可以使用padding和margin属性进行适当的缩进。

如果您对用于生成此类树结构的编程逻辑提出疑问，请写下您正在使用的语言。

Answer 3

您可能想查看jquery库jstree。我将它用于我的树视图，它绝对是最先进的树视图它具有惊人的可配置性，易于使用。它有一个我在项目中使用的复选框插件。这对我很有用。
开发非常活跃，所以即使您可能发现问题，开发人员也会非常反应并会帮助您。

看看这里：http://jstree.com 复选框演示为here

祝你好运：）

树视图复选框菜单

3 个答案: