Javascript 在html中创建6个复选框

如何创建6个类似于此的复选框？我知道如何隐藏复选框，但我如何才能使其成为可以单击文本的对象

<tr>
<td class = "first">Select Folder(s)</td>
<td class = "second">
<input id="hw" type="checkbox">hw1
  <input id="hw" type="checkbox">hw2
     <input id="hw" type="checkbox">hw3
        <input id="hw" type="checkbox">hw4
           <input id="hw" type="checkbox">hw5
              <input id="hw" type="checkbox">hw6
</td>

选择文件夹
hw1
hw2
hw3
hw4
hw5
hw6

应该是这样的:

选择文件夹|（hw1）（hw2）

---

硬件复选框应该是可点击的，我需要能够选择多个

我想您需要

HTML标记。您可以指定

将输入和文本包装在标签元素中。我认为您正在寻找可以将文本与输入关联的
元素。顺便说一句，你的ID必须是唯一的。你正在寻找糟糕的可用性。如果隐藏复选框，用户将看不到所选内容。如果您打算在CSS中克服这一点，您应该显示CSS代码，因为它本质上会影响问题。页面fyi中不允许使用相同的Id，如果您将标签环绕在
输入
，则不需要
for
属性。谢谢。我不知道，我每天都在学习新的东西@tieTYT除了有缺陷的IE版本之外，当然它要求属性不考虑…+1表示
cursor:pointer。不知怎的，我从来没有想过要把它用于
。为什么不使用循环呢？对于（$i=1；$i）