javascript - 没有 Javascript 的复选框检查事件验证？

Question

我已经尝试过，但没有找到任何解决方案。

假设有一个带有标签“同意条款和条件”的复选框。是否可以在不使用 Javascript/Jquery 的情况下使用复选框选中/未选中事件修改标签文本的颜色？

Answer 1

除了必需的 属性 M. Kejji points out ，这是执行此操作的正确方法，还有一种 CSS 方法:

可能在一定程度上在限制范围内执行此客户端，但它很丑陋。它并没有真正阻止表单提交，它只是阻止显示提交按钮。

基本上，您可以使用 CSS :checked 伪类和(比方说)相邻兄弟组合器来隐藏未选中的 submit 按钮:

.disable-submit + input[type=submit] {
  display: none;
}
.disable-submit:checked + input[type=submit] {
  display: inline;
}

<p>Tick and untick the box</p>
<form>
  <input type="checkbox" class="disable-submit">
  <input type="submit" value="Send">
</form>

我不是建议，只是说这是可能的。

---

无论如何，通常的警告:即使您使用的是 JavaScript，客户端上的所有内容都可以被绕过，并不意味着您也不需要服务器端验证。