Html 如何使未排序列表的行为类似于select

我试图使无序列表的行为类似于选择标记，因为我希望能够选择多个项目

通过上次的搜索，我找不到任何真正有用的东西

我的列表如下所示：

<ul id="unorderedRight">
    <li value="1">edge Test</li>
    <li value="2">edgeTestSF</li>
</ul>

---

理想的结果是保留未排序的列表和列表项，但列表项的行为方式与选择标记中的选项相同。

Hello@Daniel我认为以下代码将帮助您

<ul id="unorderedRight" style="list-style-type:none">
    <li value="1"> <input type="checkbox" checked="checked" > edge Test </li>
    <li value="2"><input type="checkbox"> edgeTestSF</li>
</ul>

---

现在还不清楚你真正的问题是什么。如果您想插入复选框，那么请这样做-什么阻止了您？请阅读，然后相应地编辑您的问题。@misorude我已经删除了有关复选框的部分，因为这与问题无关。我希望现在能更清楚地知道想要的结果是什么。我已经再次编辑了这个问题@misorude，可能是重复的。我不知道如何使期望的结果更清晰。如果重复的内容（将列表转换为行为类似于选择字段的组件）不是它，那么您仍然需要让自己更清晰。“期望的结果是保留未排序的列表和列表项”-仅作为构建此组件的基础，或者以外观和感觉的方式？谢谢，我对这个问题做了一些编辑。希望你能更清楚地看到期望的结果。嗨@Daniel，如果你认为我的答案是正确的，并且你对此感到满意，那么就投票吧，这会帮助其他面临同样问题的人。