jquery - 在继续之前，如何验证复选框是否已选中？

单击提交时如何检查复选框是否被选中？
我希望它在未选中该框时显示警报。

http://jsfiddle.net/tjE24/42/

$('#submit').on('click', function() {
     if($('#terms').is(':checked')) {
    }
    else {
     alert("To proceed you must accept the terms.")
    }
 });

最佳答案

如果未选中此复选框，则您似乎想停止提交表单。无论函数的结果如何，您的代码仍将提交表单。您需要做的是将输入内容放入<form>标记，并为onsubmit事件添加一个处理程序，这将取消表单提交。

HTML：

<form onsubmit="return check_checkbox()">
    <input type="checkbox" id="terms" unchecked/>Terms
    <br /><br />
    <button id="submit">
        continue
    </button>
</form>

Javascript：

function check_checkbox()
{
  if($('#terms').is(':checked')) {
    return true;
  } else {
    alert("To proceed you must accept the terms.");
    return false;
  }
}

http://jsfiddle.net/tjE24/47/

关于jquery - 在继续之前，如何验证复选框是否已选中？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42080324/