JQuery if statement

Question

I've written some JQuery code to iterate over some checkboxes on an ASP.Net web page, and am seeing 2 very strange problems with the if statement embedded in the $.each function. The code is selecting my checkboxes just fine, and as the code iterates through the $.each function I can clearly see that the objValue.checked is true or false, appropriately, depending on if I checked the checkbox or not. The problems that I am seeing are: 1) that it always falls into my if statement (even when the value of objValue.checked is false), and 2) the value of my availableInstalls variable is never decremented, even though I can see in debug mode that it hits the "availableInstalls = availableInstalls - 1" line of code. Anyone know what may be causing this behavior?

      $(document).ready(function() {
          $(".installsoftwarecb").click(function() {

              var availableInstalls = 10;

              var checkBoxes = $(".installsoftwarecb input[type='checkbox']");
              $.each(
              checkBoxes, function(intIndex, objValue) {

                  if (objValue.checked) {
                      availableInstalls = availableInstalls - 1;
                  }
              });
          });
      });

Answer 1

Try being specific in your code. Instead of if (objValue.checked) write if (ojValue.checked == true)

Answer 2

How about writing something like this:

  $(document).ready(function() 
  {
    $(".installsoftwarecb").click(function() 
    {
        //count number of checked items directly. 
        var availableInstalls = 10 -  $('input:checkbox:checked', this).length;
        alert(availableInstalls);
    }
  }

Answer 3

That's really strange that it would fall into your conditional block even if the condition was false. You could try only selecting the checked items to begin with:

var checkBoxes = $(".installsoftwarecb input[type='checkbox']:checked");

http://docs.jquery.com/Selectors/checked

Answer 4

Working Demo

code from demo

  $(document).ready(function() {
      $("#button").click(function() {

          var availableInstalls = 10;

          $("input:checkbox").each(function() {

              if (this.checked) {
                  availableInstalls = availableInstalls - 1;
              }
          });
          alert(availableInstalls);
       });
  });

or you cold just use a "checked" selector

 $("input:checkbox:checked").length; // number of checked checkboxes

Answer 5

I think you should be using jQuery.each rather than $().each. ( http://docs.jquery.com/Utilities/jQuery.each ). $().each does not take a callback, where jQuery.each does.