jquery中的复选框验证

Question

我需要在表单上的选择复选框中提供帮助.我想显示警告,因为表单复选框未选中(仅限).我的代码:

<form action="index.php?page=contact&amp;send=ok" method="POST" id="form">
[...]
<label for="message">Checkbox:</label><input type="checkbox" id="checkbox" name="checkbox">           
<input type="submit" value="Send" onclick="testcheck()" />
</form>

<script type="text/javascript">
function testcheck()
{
    if (jQuery("#checkbox").prop("checked"))
        alert("first button checked");
    else
        alert("none checked");
}
</script>

Answer 1

这段代码应该有效:

function testcheck()
{
    if (!jQuery("#checkbox").is(":checked")) {
        alert("none checked");
        return false;
    }
    return true;
}

这是HTML代码:

<input type="submit" value="Send" onclick="return testcheck()" />

return false 将停止执行默认操作(表单子目录)

Answer 2

FAngel 是对的，但我也会这样做：

<input type="submit" value="Send" id="testcheck" />

和：

$("#testcheck").on('click', function() {
    if (jQuery("#checkbox").is(":checked")) {
        alert("first button checked");
    }
    else {
        alert("none checked");
    }
});

小提琴： http: //jsfiddle.net/matthewbj/hU4UY/