How to check that all the checkboxes of a particular class are disabled using jquery?

Question

I have a column in the table consists of checkboxes, I need to check whether all the checkboxes are disabled.

Here is my code

var checkBoxTdSize = $('.hrchy-dt-checkboxes').length;
    var checkedFlag=false;
    for(var t=0;t<checkBoxTdSize;t++){
        var chk = $(this).find('.hrchy-dt-checkboxes')[t];
        if ($(chk).prop('disabled')==true){ 
            checkedFlag=true;
        }else{
            alert('Please Map all the Hierarchy..!');
        }
    }
    if(checkedFlag){
       //Some Code
    }

But from the above code I always get alert "Please Map all the Hierarchy..!".

Help is appreciated, Thanks

Possible duplicate of [Check if all checkboxes are selected](https://stackoverflow.com/questions/5541387/check-if-all-checkboxes-are-selected) — P. Frank, Aug 16 '17 at 09:49

score 3 · Answer 1 · answered Aug 16 '17 at 09:53

3

Should be as simple as comparing the length of all the checkboxes to the length of all the disabled checkboxes, if it's the same, they are all disabled

if ( $('.hrchy-dt-checkboxes').length === $('.hrchy-dt-checkboxes:disabled').length  ) {...

answered Aug 16 '17 at 09:53

adeneo

312,895
29
395
388

Fernan Vecina · Answer 2 · 2017-08-16T09:59:56.177

2

You need to check if the disabled attribute is true.

example below:

function test() {
  $(".hrchy-dt-checkboxes").each(function() {
     if ($(this).is(":disabled")) {
        // your action here test using is function
     }

     if ($(this).attr("disabled")) {
       // your action here test using attribute function
     }
  });
} 

$(document).ready(function() {
   test();
});

edited Aug 16 '17 at 09:59

answered Aug 16 '17 at 09:45

Fernan Vecina

144
1
8

Rohit Sharma · Accepted Answer · 2017-08-16T10:07:41.970

If your checkboxes are not in any parent then why you are using find() method...?

$(document).ready(function() {
    var chk = $('.hrchy-dt-checkboxes');
    chk.each(function(index, el) {
        if ($(this).prop('disabled') == true) {
            //your code here
        }
    });
});

$(document).ready(function() {
    var chk = $('.hrchy-dt-checkboxes');
    chk.each(function(index, el) {
        if ($(this).prop('disabled') == true) {
         var condi = true;
         console.log('Disabled = ' + condi)
        }
        else {
         console.log('Enabled..!')
        }
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" name="" class="hrchy-dt-checkboxes">
<input type="checkbox" name="" class="hrchy-dt-checkboxes">
<input type="checkbox" name="" class="hrchy-dt-checkboxes">
<input type="checkbox" name="" class="hrchy-dt-checkboxes">
<input type="checkbox" name="" class="hrchy-dt-checkboxes" disabled="disabled">

This gave the expected one.! Thanks – eThan_hunT Aug 16 '17 at 11:23 — eThan_hunT, Aug 16 '17 at 11:23
Welcome eThan_hunT! Glad it helped. – Rohit Sharma Aug 16 '17 at 11:25 — Rohit Sharma, Aug 16 '17 at 11:25

score 1 · Answer 4 · answered Aug 16 '17 at 09:44

1

You can use something like this

var x = document.getElementById("myCheck").disabled;

Than x would be true or false.

Source

answered Aug 16 '17 at 09:44

Dragomir Kolev

1,088
10
25

How to check that all the checkboxes of a particular class are disabled using jquery?

4 Answers4