Checkbox disabled not returning result from stored checkbox array

Question

I am storing all checkboxes what my div has in to a variable, later i am finding disabled from the stored variable, but i am not get proper result, instead if I find separately I am getting proper result..

what why i am not find the disabled from my stored variable?

here is my code:

  var   checkedBoxes = $(".locale-container .panel ul li").find("input:checkbox"),
            disabledBoxes = checkedBoxes.find("input:checkbox:disabled"); // not getting

But "disabledBoxes" not getting result from checkBoxes.

In case if I do like this:

 var    checkedBoxes = $(".locale-container .panel ul li").find("input:checkbox"),
            disabledBoxes = $(".locale-container .panel ul li").find("input:checkbox:disabled"); // it works

so how can i filter or get the appropriate checkboxes from stored variable?

Thanks in advance

Which Version of jQuery are you using?

Smartis has left SO again
– Smartis has left SO again

2013-10-03 09:36:09 +00:00
Commented Oct 3, 2013 at 9:36 — Smartis has left SO again
– Smartis has left SO again, Commented Oct 3, 2013 at 9:36
jquery 1.9.1, currently i am using.

3gwebtrain
– 3gwebtrain

2013-10-03 09:45:57 +00:00
Commented Oct 3, 2013 at 9:45 — 3gwebtrain
– 3gwebtrain, Commented Oct 3, 2013 at 9:45

Jai · Accepted Answer · 2013-10-03 09:49:46Z

1

You have to do this way:

var $parent = $(".locale-container .panel ul li"),
    checkboxes = $parent.find("input:checkbox"),
    disabledBoxes = $parent.find("input:checkbox:disabled"); // NOW YOU GET IT

Try this and see if it solves the issue.

You were not getting the disabled checkboxes because of the context of the selector:

here:

$(".locale-container .panel ul li").find("input:checkbox")

You have got the checkboxes in this "var checkedBoxes" and you were trying to see disabled in this context, means you were checking if checkboxes has disabled checkboxes.

Solution is:

Take a parent then find the input type checkboxes as required.

edited Oct 3, 2013 at 9:49

answered Oct 3, 2013 at 9:44

Jai

74.8k12 gold badges77 silver badges104 bronze badges

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

Comments

Murali Murugesan · Accepted Answer · 2013-10-03 09:32:07Z

0

Check for the disabled attribute. You could achive this using has attribute selector in jQuery.

var disabledBoxes = $(".locale-container .panel ul li")
                     .find("input:checkbox[disabled]")

or with has()

   checkedBoxes.has("[disabled]")

answered Oct 3, 2013 at 9:32

Murali Murugesan

22.6k18 gold badges76 silver badges124 bronze badges

Collectives™ on Stack Overflow

Checkbox disabled not returning result from stored checkbox array

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related