复选框检查事件验证没有JavaScript？

我已经尝试过，但没有得到任何解决方案。复选框检查事件验证没有JavaScript？

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

除了从required属性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，一切的客户端可以被绕过，并且并不意味着你不也需要服务器端验证。

2016-02-01 17:35:40

谢谢@ T.J Crowder :) – CodeWithCoffee

是，

HTML5具有输入字段required属性：

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

如果用户试图提交表单而不检查中，他们将被封锁，并有通过抛出一个明确的信息浏览器。

2016-02-01 17:34:45

好点的苹果Safari浏览器的支持，并非常正确的方式去做。可悲的是[IE9不支持]（http://caniuse.com/#feat=form-validation），更重要的是即使当前的Safari显然不会在防止提交时给用户反馈！ –

上面的答案是正确的，但是，提供的代码必须在表单的上下文中。当点击表单的提交元素时，网页会发生错误。

Example Here
注意的input元素的required属性不（根据W3Schools的）

2016-02-01 17:50:54

回答