javascript - 条款和条件单选按钮

我可能提出了一个很愚蠢的问题，但在任何地方的网站上都找不到。

我正在为一个任务做网站，但是我做得还不错，但是我在使用条款和条件单选按钮时遇到了麻烦。

我基本上有2个单选按钮，一个是“同意”，第二个是“不同意”。预先选择了不同意按钮。基本上应该进行的是在继续下一页之前检查是否同意条款和条件。

条款及细则

我已阅读并了解CQU
Privacy and Security Statement，并同意将我的个人详细信息用于相关 Activity 。

<input type="radio" name="radio" id="yes">Yes, I agree.
<input type="radio" name="radio" id="no" checked="checked">No, I don`t agree.<br>

<form action="endPage.jsp">
    <input type="submit" value="Submit" name="submit" />
</form>

因此，基本上，我需要让用户同意条款和条件，否则会弹出一个窗口，提示您必须同意条款和条件。

谢谢

tl;博士-如何在提交表单之前检查是否选中了某个复选框？

最佳答案

标准Javascript应该是这样的...我想...

var submitBtn = document.getElementById("submit");
var termsChk = document.getElementById("yes");
var formFrm = document.getElementById("form");

submitBtn.addEventListener("click", function() {
    if (termsChk.checked === true) {
        alert("Checked!");
        formFrm.submit();
    } else {
        alert("Not Checked!");
    }
    return false;
});

快速提琴:http://jsfiddle.net/neuroflux/yrwMc/6/

使用jQuery:

$('#submitBtn').on('click', function() {
    if ($('#yes').attr('checked') === "checked") {
        alert("Checked!");
        $('#form').submit();
    } else {
        alert("Not Checked!");
    }
    return false;
});

小提琴:http://jsfiddle.net/neuroflux/yrwMc/8/