html中对复选框验证,验证HTML中的复选框

为了能够检查多个输入，它们必须是复选框。 (他们可以是具有不同名称的单选按钮，但是一旦检查，您将无法取消选中它们。)

所以使用复选框，只有当选中了提交按钮时才使用general sibling selector(〜)：

input[type="Submit"] {

display: none;

}

input:checked ~ input[type="Submit"] {

display: inline;

}

First

Second

Third

Fourth

如果您想要禁用提交按钮的外观，请添加禁用的第二个按钮。

当没有单击输入时，仅显示已禁用的提交按钮。单击一个或多个输入时，仅显示启用的提交按钮：

input[type="Submit"]:not([disabled]) {

display: none;

}

input:checked ~ input[type="Submit"]:not([disabled]) {

display: inline;

}

input:checked ~ input[disabled] {

display: none;

}

First

Second

Third

Fourth