JQuery if-Anweisung

Question

Ich habe einige JQuery-Code geschrieben, um über einige Checkboxen auf einer ASP.Net-Webseite zu iterieren, und ich sehe 2 sehr seltsame Probleme mit der if-Anweisung in der $ .each-Funktion eingebettet. Der Code wählt meine Checkboxen gut aus, und wenn der Code durch die $ .each-Funktion iteriert, kann ich klar erkennen, dass objValue.checked richtig oder falsch ist, abhängig davon, ob ich das Kontrollkästchen aktiviert habe oder nicht. Die Probleme, die ich sehe, sind: 1) dass es immer in meine if-Anweisung fällt (selbst wenn der Wert von objValue.checked falsch ist), und 2) der Wert meiner availableInstalls-Variable wird nie dekrementiert, obwohl ich darin sehen kann Debug-Modus, der die Codezeile "availableInstalls = availableInstalls - 1" erreicht. Wer weiß, was dieses Verhalten verursacht?

 $(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

Wie wäre es so etwas wie dieses schreiben:

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

Answer 2

Versuchen Sie, in Ihrem Code spezifisch zu sein. Statt if (objValue.checked) schreiben if (ojValue.checked == true)

Answer 3

Das ist wirklich seltsam, dass es in Ihrem bedingten Block fallen würde, selbst wenn die Bedingung falsch war. Sie könnten versuchen, nur die markierten Elemente der Auswahl zu beginnen:

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

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

Answer 4

Working Demo

Code von Demo

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

      var availableInstalls = 10; 

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

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

oder Sie kalt nur verwenden eine "geprüft" Wahlschalter

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

Answer 5

Ich denke, Sie sollten jQuery.each statt $() verwenden. (http://docs.jquery.com/Utilities/jQuery.each). $(). Jeder nimmt keinen Rückruf, wo jQuery.each tut.