html - 如何在滑块圆形复选框中集成链接

Question

我的 html 页面中有一个复选框。

  <label class="switch pull-left">
       <input type="checkbox" checked="">
       <span class="slider round"></span>
  </label>

我想在未选中复选框时创建一个动作。是否可以在复选框内创建链接。我只有这么多内容。如果我把整个href像

<a href="somelink.html">link</a>

将显示链接词。但我不想要这样的词。请帮忙

标签： htmlformscheckbox

Answer 1

如果我正确理解了您的问题，那么您仅在未选中该复选框时才尝试显示链接。如果是这种情况，您可以这样构造 HTML：

<label class="switch pull-left">
   <input type="checkbox" checked="">
   <span class="slider round"></span>
   <a href="somelink.html">link</a>
</label>

然后添加此 CSS 以防止在选中复选框时显示 a 标签：

input[type="checkbox"]:checked ~ a
{
    display: none;
}

那应该差不多了。