javascript - 简单的 JavaScript 复选框验证

Question

我通常使用 PHP，所以遗憾的是没有掌握一些基本的 JS 原则。这就是我想要完成的——我看过很多关于这个主题的帖子，但它们通常超出了我的需要。

这是我的表格:

 <input type="checkbox" name="checkbox" value="check"  />
 <input type="submit" name="email_submit" value="submit" onclick="----??----"  />

复选框是一个简单的“我同意”。我希望按下提交按钮，并且只有在选中该复选框时才会提交。

事情是这样的:我想要简单的作弊方式——没有方法——只是那种形式的一些内联代码(假设它不太长？)。这不是一个公共(public)页面，我只需要一些快速简单的验证类型。如果未选中，它将抛出一个 alert()；如果选中，它将通过 php 通过邮寄提交并照常进行。

Answer 1

你可以使用:

 if(!this.form.checkbox.checked)
{
    alert('You must agree to the terms first.');
    return false;
}

(demo page)。

<input type="checkbox" name="checkbox" value="check"  />
<input type="submit" name="email_submit" value="submit" onclick="if(!this.form.checkbox.checked){alert('You must agree to the terms first.');return false}"  />

• 从内联事件处理程序返回 false 将阻止默认操作发生(在本例中为提交表单)。
• ! 是 Boolean NOT operator .
• this 是提交按钮，因为它是事件处理程序附加到的元素。
• .form 是提交按钮所在的表单。
• .checkbox 是该表单中名为“checkbox”的控件。
• .checked 如果复选框被选中则为真，如果复选框未被选中则为假。