单击它时复选框不起作用答案

【问题标题】：Checkbox does not work when clicking on it单击它时复选框不起作用
【发布时间】：2021-08-06 11:42:41
【问题描述】：

我更改此代码： Demo1

<li class="nav-item">
   <span class="nav-switch" href="#">
     <span class="language" id="eg">EG</span>
       <label class="switch">
           <input type="checkbox">
           <span class="slider round"></span>
      </label>
    <span  class="language" id="ar">AR</span>
  </span>
</li>

至此代码： Demo2

<li class="nav-item">
   <span class="nav-switch" href="#">
     <span class="language" id="eg">EG</span>
       <a class="switch">
           <input type="checkbox">
           <span class="slider round"></span>
       </a>
    <span  class="language" id="ar">AR</span>
  </span>
</li>

为了能够在使用复选框从一种语言更改为另一种语言时采取措施，但在进行更改后，复选框的颜色不会像 Demo1 中那样改变，我需要采取措施，因为我使用的是 PHP/Laravel

【问题讨论】：

您的代码无效，您不能在输入元素周围环绕链接
感谢您提供此信息，您知道如何解决此问题以便能够采取行动吗？非常感谢
不清楚你为什么从demo1（正在工作）改为demo2：你想达到什么目的？
感谢您的关注，我想更改网站语言，我想采取行动，以便使用 PHP 库之一更改语言
目前还不清楚您希望做什么。您可以在更改事件（通过 JS）上检测复选框的状态，然后您可以根据值设置 cookie 或发出 ajax 请求，或重定向到已翻译的页面。你没有说预期的行动是什么。如果你将来有第三种语言怎么办？

标签： php html css laravel laravel-5

【解决方案1】：

您从输入中删除了 label 包装器，它正在发挥作用

<label class="switch">
    <input type="checkbox">
    <span class="slider round"></span>
</label>

并将其替换为a 标记为

 <a href="#" class="switch">
     <input type="checkbox">
     <span class="slider round"></span>
 </a>

为此，您必须将input 包裹在label 标记周围，该标记以其中的输入为目标

【讨论】：

谢谢你，我现在知道问题了