Html 复选框不点火

这是我的密码：

问题是我不能使用复选框，它被固定在假值上，并且根本不移动。 我可以通过“输入”标签吗，因为我不能删除它

<div class="toggler">
        <input class="toggler-checkbox" data-val="true" data-val-required="The isOK field is required." id="isOK" name="isOK" type="checkbox" value="true" /><input name="isOK" type="hidden" value="false" />
        <label class="toggler-label" for="mytoggler">
            <span class="toggler-inner"></span>
            <span class="toggler-switch"></span>
        </label>
            </div>

---

相邻同级选择器不工作，因为您在复选框之后和标签之前有一个隐藏的输入。更改HTML以将其移动到之前，如下所示：

<input name="isOK" type="hidden" value="false" />
<input class="toggler-checkbox" data-val="true" data-val-required="The isOK field is required." id="isOK" name="isOK" type="checkbox" checked />

如果无法移动/删除隐藏的输入，您仍然可以通过更改CSS来访问标签：

.toggler-checkbox:checked + input + .toggler-label .toggler-inner {
    margin-left: 0;
}
.toggler-checkbox:checked + input + .toggler-label .toggler-switch {
    right: 0px; 
}

---

是否与您的应用程序配合使用？否仍然为灰色。。。是否有任何可能的解决方案，以触发标签输入？对不起，标签（我的错误）。。。但我不能移动它，因为我使用的是MVC，它是自动生成的。这就是为什么我试图找到一种跳过隐藏输入的方法-如果你只是删除这一行，应该可以很好地工作，但我需要它…@Rafaelo我已经更新了我的答案和小提琴，以解决无法更改隐藏输入的问题。

.toggler-checkbox:checked + input + .toggler-label .toggler-inner {
    margin-left: 0;
}
.toggler-checkbox:checked + input + .toggler-label .toggler-switch {
    right: 0px; 
}