条款和条件单选按钮

Question

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

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

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

条款和条件

我已阅读并理解 CQU隐私和安全声明，并同意将我的个人信息用于相关活动。

<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>

Answer 3

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

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

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

条款及细则

我已阅读并理解了CQU隐私和安全声明，并同意将我的个人详细信息用于相关活动。

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