Schnelle Möglichkeit zu validieren, wenn alle Checkboxen nicht ausgewählt sind?

Question

Gibt es einen schnellen Weg oder eine Funktion, die mir wahr/falsch sagen würde, wenn alle Kontrollkästchen deaktiviert sind? Ohne Array durchzugehen? (Mit JS und HTML)

Alle meine Kontrollkästchen haben den gleichen Namen ...

<form action="/cgi-bin/Lib.exe" method=POST name="checks" ID="Form2"> 
    <input type=checkbox name="us" value="Joe" ID="Checkbox1"> 
    <input type=checkbox name="us" value="Dan" ID="Checkbox2"> 
    <input type=checkbox name="us" value="Sal" ID="Checkbox3"> 
</form> 

Answer 1

Sie haben durch sie Schleife. Sogar eine Bibliothek wie jQuery durchläuft sie, verberge sie einfach vor dir.

var form = document.getElementById('Form2'); 
var inputs = form.getElementsByTagName('input'); 
var is_checked = false; 
for(var x = 0; x < inputs.length; x++) { 
    if(inputs[x].type == 'checkbox' && inputs[x].name == 'us') { 
     is_checked = inputs[x].checked; 
     if(is_checked) break; 
    } 
} 
// is_checked will be boolean 'true' if any are checked at this point. 

Answer 2

Zusammengefasst wird diese snipped true zurück, wenn alle nicht überprüft. Es wird ausgebucht, sobald eine überprüfte gefunden wurde.

var a = document.getElementsByName("us"); 
for(var i=0; i<a.length; i++) 
    if(a[i].checked) 
     return false; 
return true; 

(nicht getestet, aber vom Konzept her ist es gültig)

Answer 3

jQuery wäre eine Masse von unnötigen Bloat für eine Aufgabe dieser trivialen. Betrachten Sie es verwenden, wenn Sie es für andere Zwecke einsetzen, aber alles, was Sie brauchen, ist etwas Ähnliches:

function AreAnyCheckboxesChecked() { 
    var checkboxes = document.forms.Form2.elements.us; 
    for (var i = 0; i < checkboxes.length; i++) { 
    if (checkboxes[i].checked) { 
     return true; 
    } 
    } 
    return false; 
} 

Answer 4

Was meinst du mit

Ohne

durch Array zu gehen?

könnten Sie tun nur

function check() { 
    var anyChecked = false; 
    var form = document.getElementById('Form2'); 
    var checkboxes = form.getElementsByTagName('input'); 
    for(var i=0; i < checkboxes.length; i++) { 
      if (checkboxes[i].checked) { 
       anyChecked = true; 
       break; 
      } 
    } 
    alert("Checkboxes checked? " + anyChecked); 
} 

Working Demo

Answer 5

JavaScript:

var allischecked = (function(){ 
    var o = document.getElementById("Form2").getElementsByTagName("input"); 
    for(var i=0,l=o.length;i<l;i++){ 
    o[i].type === "checkbox" && o[i].name === "us" && o[i].checked || return false; 
    } 
    return true; 
})(); 

Mit jQuery:

var allischecked = ($("#Form2 input:checkbox:not(checked)").length === 0); 

Answer 6

Wenn Sie eine große Menge von Kontrollkästchen t Wenn Sie nicht möchten, dass Sie den Test durchlaufen, ist es möglicherweise effizienter, diesen Ansatz zu verwenden.

var checked = 0; 

$("input[type=checkbox]").live("click", function() { 
    if($(this).attr("checked")) checked++; 
    else checked--; 
} 

Dann könnten Sie so testen.

if(checked === 0) { 
    doSomething(); 
}