0

我需要向网站添加一段代码。使用 html5，我在网站下方添加了带有提交按钮的复选框。我想让它为了前进到下一页，必须先单击复选框，然后单击提交按钮。目前，如果用户没有点击复选框，那么用户可以前进到下一页。这不应该发生。如果用户没有点击复选框，则用户不应前进到下一页。这是我的代码：

<!DOCTYPE html>
<html>
<body>

<h1>Accessories</h1>

<form name="input" action="random2_action.asp" method="get"> 
<input type="checkbox" name="vehicle" value="Car">Would you like the car to speak to you?<br><br>
<input type="submit" value="Submit">
</form>

</body>
</html>

如果有人能告诉我如何解决这个问题，那将不胜感激。谢谢

4

1 回答 1

3

该required属性在这种情况下非常有用；

<input type="checkbox" name="vehicle" value="Car" required>Would you like the car to speak to you?<br /><br />

检查我的小提琴以获得现场演示。

http://jsfiddle.net/magnusburton/fUskV/

编辑： 如果浏览器不支持 HTML5，这将不起作用。这是适用于大多数用户的解决方案。

简单的 JavaScript 复选框验证

于 2013-07-02T10:01:24.960 回答