条款和条件单选按钮

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;
});

快速小提琴：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/

Answer 2

<script type="text/javascript">
function fnCheckRadio()
{   
     var radYes=document.getElementById("yes"); 
     if(radYes.checked)
     {              
        return true;
     }
     else
     {
        alert("Please agree Terms and condition");
        return false;
     }
   return false;
}

</script>

<form action="endPage.jsp">
    <input type="submit" value="Submit" name="submit" onclick="return fnCheckRadio();" />
</form>