Jquery停止表单提交,除非选中复选框

前端之家收集整理的这篇文章主要介绍了Jquery停止表单提交,除非选中复选框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个代码,但似乎没有返回true.警报总是出现.任何想法(不需要创建一个var,在其中存储一个复选框已被选中,似乎有点黑客).

谢谢.

$("#form").submit(function(e) {
    $('input[type=checkBox]').each(function () {
        if(this.checked){
            return true;
        }
    });
    alert("Please select at least one to upgrade.");
    return false;
});

解决方法

您不需要执行循环来确定是否选中一个复选框. :checked选择器滤除所有未检查的选项.然后,您可以使用 $.length获取已检查输入的计数.
$("#form").submit(function(e) {
    if(!$('input[type=checkBox]:checked').length) {
        alert("Please select at least one to upgrade.");

        //stop the form from submitting
        return false;
    }

    return true;
});

另外,使用你的方法,一个小的变化应该使这个工作

$("#form").submit(function(e) {
    $('input[type=checkBox]').each(function () {
        if($(this).is(':checked')){
            return true;
        }
    });
    alert("Please select at least one to upgrade.");
    return false;
});

我认为你可能会简单地丢失$()

原文链接:https://www.f2er.com/jquery/176309.html

猜你在找的jQuery相关文章