复选框检查事件是否在不使用Javascript的情况下验证?

复选框检查事件是否在不使用Javascript的情况下验证?,javascript,html,checkbox,Javascript,Html,Checkbox,我试过了,但没有任何解决办法 假设有一个标签为“同意条款和条件”的复选框。是否可以在不使用Javascript/Jquery的情况下使用复选框选中/未选中事件修改标签文本的颜色 是的 HTML5具有输入字段的required属性: <input type="checkbox" name="agree" required /> By clicking this, blablabla 点击这个,布拉布拉布拉 如果用户未选中复选框就试图提交表单,他们将被阻止,并且浏览器会抛出一条明确的

我试过了,但没有任何解决办法

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

是的

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

<input type="checkbox" name="agree" required /> By clicking this, blablabla
点击这个,布拉布拉布拉

如果用户未选中复选框就试图提交表单,他们将被阻止,并且浏览器会抛出一条明确的消息。

除了
必需属性(这是正确的方式)之外,还有一种CSS方式:

在某种程度上,可以在客户端进行限制,但这很难看。它并没有真正阻止表单提交,它只是阻止显示提交按钮

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

。禁用提交+输入[类型=提交]{
显示:无;
}
.禁用提交:选中+输入[类型=提交]{
显示:内联;
}
勾选并取消勾选该框


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



请注意,
input
元素的
required
属性不受Apple Safari(根据W3P)的支持,这是一个很好的观点,也是一种非常正确的方法。遗憾的是,更重要的是,即使是当前的Safari在阻止提交时也显然没有给用户反馈!谢谢@T.J Crowder:)