JQuery zählen die Anzahl der geprüften Kontrollkästchen

Verwenden Sie JQuery, um die Anzahl der Kontrollkästchen in der Tabelle

zu zählen

Folgendes ist ein einfacher JQuery -Code -Snippet zum Zählen der in der Tabelle ausgewählten Kontrollkästchen:

$('#table :input[type="checkbox"]:checked').length

jQuery Statistik Kontrollkästchen Zählen Sie FAQ

Wie zähle ich die Anzahl der Kontrollkästchen mit reinem JavaScript?

Während JQuery eine einfache und effiziente Möglichkeit bietet, die Anzahl der Kontrollkästchen zu zählen, können Sie auch Pure JavaScript verwenden, um diese Funktionalität zu implementieren. Mit der Methode querySelectorAll können Sie alle Kontrollkästchen auswählen und dann mit der Methode Array.prototype.filter die ausgewählten Kontrollkästchen herausfiltern. Hier ist ein einfaches Beispiel:

let checkboxes = document.querySelectorAll('input[type="checkbox"]');
let checked = Array.from(checkboxes).filter(input => input.checked);
console.log(checked.length);

Dieser Code erfasst die Anzahl der in der Konsole ausgewählten Kontrollkästchen.

Wie zähle ich die Anzahl der Kontrollkästchen in Echtzeit?

Ja, Sie können JQuery's .change() Ereignis verwenden, um die Anzahl der Kontrollkästchen in Echtzeit zu zählen. Dieses Ereignis wird ausgelöst, wenn sich der Status des Kontrollkästchens ändert. Sie können dieses Ereignis verwenden, um die Anzahl zu aktualisieren, wenn das Kontrollkästchen ausgewählt oder deaktiviert ist. Hier ist ein Beispiel:

$('input[type="checkbox"]').change(function() {
  let count = $('input[type="checkbox"]:checked').length;
  console.log(count);
});

In diesem Code wird die Anzahl der derzeit ausgewählten Kontrollkästchen in die Konsole aufgezeichnet, wenn das Kontrollkästchen ausgewählt oder deaktiviert ist.

Wie zeigt ich die Anzahl der Kontrollkästchen auf meiner Seite an?

Sie können die Anzahl der ausgewählten Kontrollkästchen auf einer Webseite anzeigen, indem Sie den Textinhalt des HTML -Elements aktualisieren. Hier ist ein Beispiel:

$('input[type="checkbox"]').change(function() {
  let count = $('input[type="checkbox"]:checked').length;
  $('#count').text(count);
});

In diesem Beispiel ist #count die ID des HTML -Elements, das zum Zählen angezeigt werden soll.

Wie zähle ich die Anzahl der in einer bestimmten Gruppe ausgewählten Kontrollkästchen?

Ja, Sie können einen spezifischeren Selektor verwenden, um die Anzahl der in einer bestimmten Gruppe ausgewählten Kontrollkästchen zu zählen. Wenn sich Ihr Kontrollkästchen beispielsweise in einem DIV mit ID group1 befindet, können Sie die Anzahl der in der Gruppe wie folgt ausgewählten Kontrollkästchen zählen:

$('div#group1 input[type="checkbox"]').change(function() {
  let count = $('div#group1 input[type="checkbox"]:checked').length;
  console.log(count);
});

Dieser Code erfasst die Anzahl der in group1 ausgewählten Kontrollkästchen in der Konsole.

Wie zähle ich die Anzahl der deaktivierten Kontrollkästchen?

Sie können mit dem Auswahlkästchen :not(:checked) die Anzahl der deaktivierten Kontrollkästchen zählen. Hier ist ein Beispiel:

let count = $('input[type="checkbox"]:not(:checked)').length;
console.log(count);

Dieser Code erfasst die Anzahl der deaktivierten Kontrollkästchen in der Konsole.

Das obige ist der detaillierte Inhalt vonJQuery zählen die Anzahl der geprüften Kontrollkästchen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!