How to validate checkboxes in particular div using JQuery?

Question

How to check whether checkbox in particular DIV is checked or not?

<div id="TeddyTab">
 <input type="checkbox" id="bla" />
 <input type="checkbox" id="bla1" />
 <input type="checkbox" id="bla2" />
</div>

JQuery?

 $(':checked').each(function() {
        if(this.checked === 'true')
            $(this).closest('div').next('div').find('textarea').prop('readonly',false);
    });

The above jquery checkes everything n page which i do not want. I want to check in above div only?

http://stackoverflow.com/questions/2204250/check-if-checkbox-is-checked-with-jquery — Panther, Aug 10 '15 at 10:46

dom · Answer 1 · 2015-08-10T11:00:27.957

1

use the below code to validate in particular div

 if($("#TeddyTab input:checked").size() > 0){
// do here what ever you wanna do
}

edited Aug 10 '15 at 11:00

answered Aug 10 '15 at 10:50

dom

1,086
11
24

Milind Anantwar · Answer 2 · 2015-08-10T10:48:11.423

0

you are comparing boolean with string value as this.checked return boolean value. also you are only iterating over checked element which eliminates the need of using if condition

$(':checked').each(function() {
    $(this).closest('div').next('div').find('textarea').prop('readonly',false);
});

edited Aug 10 '15 at 10:48

answered Aug 10 '15 at 10:40

Milind Anantwar

81,290
25
94
125

`if(this.checked)` This check is unnecessary since we are traversing over a checked check box elements/ – Rajaprabhu Aravindasamy Aug 10 '15 at 10:42
Good catch... i didn't had loser look at loop. so there is no need to use if condition. – Milind Anantwar Aug 10 '15 at 10:47

score 0 · Answer 3 · answered Aug 10 '15 at 10:52

0

Without much changes; Here is how it worked:

$('#TeddyTab :checkbox').each(function() {
 if(this.checked)
 $(this).closest('div').next('div').find('textarea').prop('readonly',false);
});

answered Aug 10 '15 at 10:52

fatherazrael

5,511
16
71
155

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

Posible duplicated jQuery if checkbox is checked? Anyway, this is how you should implement it:

$('#TeddyTab input[type="checkbox"]:checked').each(function(i,input){
      $(input).closest('div').next('div').find('textarea').prop('readonly',false);

or if you need the IF statement:

$('#TeddyTab input[type="checkbox"]').each(function(i,input){
            if($(input).is(':checked')){ 
                $(input).closest('div').next('div').find('textarea').prop('readonly',false);

score 0 · Answer 5 · answered Aug 10 '15 at 11:09

Try This :

DEMO : http://jsfiddle.net/K6Wvk/

$(document).ready(function () {

$('#formid').validate({ // initialize the plugin
    rules: {
        'test[]': {
            required: true,
            maxlength: 2
        }
    },
    messages: {
        'test[]': {
            required: "You must check at least 1 box",
            maxlength: "Check no more than {0} boxes"
        }
    }
});

});

How to validate checkboxes in particular div using JQuery?

5 Answers5