个人中心
gpt4 book ai didi

javascript - 使用任何其他元素作为复选框的标签

转载 作者：行者123 更新时间：2023-11-28 03:56:06 25 4
gpt4 key购买 nike

是否有可能使用任何其他 HTML 元素作为复选框的标签。我想将 Bootstrap list-group-item 设置为与我的复选框标签具有相同的功能。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<body>

  <ul class="list-group">
    <li class="list-group-item">
      <div class="checkbox">
        <label style="width: 100%;">
                <input type="checkbox" id="cb.1.0" value="1.0">Answer
            </label>
      </div>
    </li>
  </ul>

</body>

我的次优解决方法是将标签宽度设置为 100%，但我想对于这个简单的问题一定有更好的解决方案

最佳答案

您不需要在 label 元素中包含 input 元素，您可以为复选框指定一个 id，并为标签指定一个属性 for="checkbox-id"。然后标签可以位于树中您希望它位于的任何位置。

关于javascript - 使用任何其他元素作为复选框的标签，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43456465/

25 4 0
文章推荐： Javascript - 如何在点击时禁用这些星星的颜色变化？
文章推荐： javascript - 如果属性为显示 :none;?，则禁用表行
文章推荐： c++ - 用于嵌套 for 循环的 OpenMP？
文章推荐： html - Div Inside NavBar 100% 高度不工作