jQuery checkbox value dependent submit button action

Question

Hello there i have a problem. Suppose i have two type checkbox(person and company). If i submit form without checked any person or company checkbox then jQuery give me alert. Otherwise submit form. Here is my code given..

$(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');
    }
});

What exactly is the problem? Do you see any messages in the browser's console? — Victoria Ruiz
– Victoria Ruiz, Commented Aug 23, 2013 at 14:17

Adil · Accepted Answer · 2013-08-23 14:23:29Z

2

You are probably using wrong or operator .or should be || and swap the statements in condition then and else part.

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

edited Aug 23, 2013 at 14:23

answered Aug 23, 2013 at 14:15

Adil

148k25 gold badges217 silver badges207 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rituraj ratan · Accepted Answer · 2013-08-23 14:17:30Z

0

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

e.preventDefault();

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


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

    }
});

reference event.preventDefault
submit

answered Aug 23, 2013 at 14:17

Rituraj ratan

10.4k8 gold badges38 silver badges55 bronze badges

Comments

Tushar Gupta - curioustushar · Accepted Answer · 2013-08-23 14:23:00Z

0

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

answered Aug 23, 2013 at 14:23

Tushar Gupta - curioustushar

57.2k24 gold badges106 silver badges110 bronze badges

Collectives™ on Stack Overflow

jQuery checkbox value dependent submit button action

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related