check at least one checkbox validation in jquery

Question

I have some checkboxes, something like this:

<form name="submit-form" name="submit-form">
<label>property1</label>
<input type="checkbox" name="property1"><br>
<label>property2</label>
<input type="checkbox" name="property2"><br>
<label>property3</label>
<input type="checkbox" name="property3"><br>
<label>property4</label>
<input type="checkbox" name="property4"><br>
<label>property5</label>
<input type="checkbox" name="property5"><br>
<label>property6</label>
<input type="checkbox" name="property6"><br>
<input type="submit">
</form>

I would like to validate that atleast one checkbox at a time. plz help me. thanks in advance

rahul · Accepted Answer · 2012-10-27T06:59:59.837

8

$("#YourbuttonId").click(function(){
    if($('#YourTableId').find('input[type=checkbox]:checked').length == 0)
    {
        alert('Please select atleast one checkbox');
    }
});

Update:

i saw your code and seems like you are using jquery validation plugin in that case this post will help you

and try giving your checkbox same name which exist in a group

http://forum.jquery.com/topic/check-that-at-least-1-checkbox-is-checked-using-jquery-validate-plugin

edited Oct 27 '12 at 06:59

answered Oct 27 '12 at 06:15

rahul

7,573
7
39
53

it works only when I refresh the page, not on submit the form. – Ravneet 'Abid' Oct 27 '12 at 06:26
it not works. there are some other validations, all are working except this – Ravneet 'Abid' Oct 27 '12 at 06:35
http://royalgroupinternational.com/add_enquiry/ check the source code of this for html. – Ravneet 'Abid' Oct 27 '12 at 06:48
for which checkbox group you want this – rahul Oct 27 '12 at 06:51
thanks, you help me a lot... that link helped me to solve the problem and all credit goes to you. thanks once again... – Ravneet 'Abid' Oct 27 '12 at 07:19

score 2 · Answer 2 · answered Oct 27 '12 at 06:16

2

I'd wrap them all in a container with a div just for easier selecting, and then you can use:

if($('#wrapperID input:checked').length > 0) {
    'at least one is checked
}

answered Oct 27 '12 at 06:16

DA.

39,848
49
150
213

OK. Then put the ID on the table. – DA. Oct 27 '12 at 06:22

score 1 · Answer 3 · answered Oct 27 '12 at 06:21

1

try this

$('form').submit(function(e) {
    if($("input:checked").length == 0){
    alert('please checked atleast one');
    }
});

answered Oct 27 '12 at 06:21

Pragnesh Chauhan

8,363
9
42
53

score 0 · Answer 4 · edited May 23 '17 at 12:14

0

See this demo: http://jsfiddle.net/RGUTv/ OR your specific case demo here: http://jsfiddle.net/J98Ua/

My old response here: validation for at least one checkbox

hope rest fits the needs! :)

code

$(document).ready(function() {
    $('#my-form').submit(function() {
        amIChecked = false;
        $('input[type="checkbox"]').each(function() {
            if (this.checked) {
                amIChecked = true;
            }
        });
        if (amIChecked) {
            alert('atleast one box is checked');
        }
        else {
            alert('please check one checkbox!');
        }
        return false;
    });
});

edited May 23 '17 at 12:14

Community

1
1

answered Oct 27 '12 at 06:36

Tats_innit

33,991
10
71
77

it not works. I know u solve many of the problems of checkbox validation before this but it not works and I don't want it in alert... – Ravneet 'Abid' Oct 27 '12 at 06:49
@Ravneet'Abid' Cool man, lol can you make a demo of your problem of flick the JQ code please? Lemme know what part actually doesn't work. – Tats_innit Oct 27 '12 at 06:50

check at least one checkbox validation in jquery

4 Answers4