JavaScript:一页上有两个 "I agree to terms checkboxes"

Question

我有两项协议(protocol)，用户必须通过选中两个不同的框(每个协议(protocol) 1 个)来“同意”，然后才能继续进入购物车。如果没有选中任何框，则两个警报都会通知他们“同意”，然后再一次继续处理 1 个警报，以及单独处理每个警报。但是，当两者都被选中时，“提交按钮”将不会提交并继续。我怎样才能让以下内容发挥作用？

两者均未选中？警报 1

#1 未选中？警报2

#2 未选中？警报3

请帮忙!

<script language="Javascript">
function check_agree (form) {
if (form.agree.checked) {
}
else { alert('You must agree to the application agreement terms before continuing.'); }
}
form.submitButton.disabled = true;
function check_agree_2 (form) {
if (form.agree_2.checked) {
}
else { alert('You must agree to both!'); }
}
form.submit()
</script>

html

<form action='http://webisite.com' method='post' onSubmit="return false;">
<p>
 <span style="text-align: center">
 <input type ="checkbox" name="agree" value="anything">

 <b>I Agree To And Understand The Charges That Will Be Processed To My Credit Card</b></span></p>
<p>&nbsp;</p>
<input type ="checkbox" name="agree_2" value="anything">

 <b>I Have Read And Agree To The Member Agreement/Terms And Conditions </b>
 <p>&nbsp;</p>
 <span style="text-align: center">
 <input type="submit" name="submitButton" onClick="check_agree(this.form);check_agree_2(this.form)" value="Continue To Shopping Cart">

</form>

Answer 1

替换 check_agree，删除 check_agree_2，并更改提交按钮。

function check_agree(form) {
if (form.agree.checked && form.agree_2.checked) {
  return true;
} else if(!form.agree.checked) {
  alert('You must agree to the application agreement terms before continuing.');
} else if(!form.agree_2.checked) {
  alert('You must allow us to charge your credit card.');
}
return false;
}

html

<input type="submit" name="submitButton" onClick="check_agree(this.form)" value="Continue To Shopping Cart">