php - jQuery复选框值依赖提交按钮动作

Question

你好，我有一个问题。假设我有两种类型的复选框（个人和公司）。如果我在没有选中任何个人或公司复选框的情况下提交表单，那么 jQuery 会提醒我。否则提交表格。这是我给出的代码..

$(document).ready(function(){
$('#submit').click(function() {

    if( $('.com:checked').length < 1 .or $('.son:checked').length < 1 ) {
        alert('Please select at least one category');
        $('form').submit(function(){
            return false;
        });

    } else {
        $('form').unbind('submit');
    }
});

Answer 1

您可能使用了错误的或运算符.or应该是||并交换条件中的语句 then 和 else 部分。

if( $('.com:checked').length < 1 || $('.son:checked').length < 1 ) {
    alert('Please select at least one category');
} else {
    $('form').submit();
}

Answer 2

$(document).ready(function(){
$('#submit').click(function(e) {

e.preventDefault();

    if( $('.com:checked').length ) {
         $('form').submit();


    } else {
        alert('Please select at least one category');

    }
});

参考event.preventDefault
提交

Answer 3

$(document).ready(function () {
    $('#submit').click(function () {
        e.preventDefault;
        if ($('.com:checked').length && $('.son:checked').length) {
            $("form").trigger('submit');
        } else {
            $('form').unbind('submit');
        }
    });
});