jQuery复选框值依赖提交按钮操作

时间:2013-08-23 14:13:57

标签: php javascript jquery

您好,我有问题。假设我有两个类型复选框(人和公司)。  如果我提交表单而没有选中任何人或公司复选框,那么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');
    }
});

3 个答案:

答案 0 :(得分:2)

您可能使用了错误,或者.or应该是||,并在条件中交换语句,然后将其他部分交换。

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

答案 1 :(得分:0)

$(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
         submit

答案 2 :(得分:0)

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