javascript - 条款和条件单选按钮

Question

我有一个可能非常愚蠢的问题，但我在网站上的任何地方都找不到。

我正在为一项任务制作一个网站，我做得很好，但我在使用条款和条件单选按钮时遇到了问题。

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

条款与条件

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

<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;dr - 如何在提交表单之前检查某个复选框是否已选中？

Answer 1

标准的 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;
});

快速 fiddle :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;
});

fiddle :http://jsfiddle.net/neuroflux/yrwMc/8/