Question

我已经尝试但是没有任何解决方案。

假设有一个带有标签的复选框＆＃34;同意条款和条件＆＃34;。是否可以使用复选框选中/未选中的事件修改标签文本的颜色而不使用Javascript / Jquery？

Answer 1

除了required属性M. Kejji points out，这是正确的方式之外，还有一种CSS方式：

可能在限制范围内做这个客户端，但它很丑陋。它并没有真正阻止表单提交，它只是阻止显示提交按钮。

基本上，您可以使用CSS :checked伪类和（比方说）相邻的兄弟组合来隐藏submit按钮，如果它没有被检查：

＆＃13;

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

＆＃13;

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

＆＃13;

我暗示它，只是说它可能。

无论如何，通常需要注意的是：即使您使用的是JavaScript，客户端上的所有内容都可以被绕过，并且并不代表您还需要服务器端验证。

Answer 2

是，

HTML5具有输入字段的required属性：

<input type="checkbox" name="agree" required /> By clicking this, blablabla

如果用户尝试在不选中该框的情况下提交表单，则会阻止这些表单，并且浏览器会抛出显式消息。

Answer 3

上述答案是正确的，但是，提供的代码必须在表单的上下文中。单击表单的提交元素时，网页将显示错误。

Example Here
请注意，Apple Safari不支持required元素的input属性（根据w3schools）