jQuerys Methode zum Verketten eines Attributwerts aller ausgewählten Kontrollkästchen in einer string_jquery

Das Beispiel in diesem Artikel beschreibt, wie jQuery einen Attributwert aller ausgewählten Kontrollkästchen zu einem String verkettet. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Anforderungen:

Bei einer Gruppe von Kontrollkästchen wird beim Klicken auf jedes Kontrollkästchen ein bestimmter Attributwert des aktuell ausgewählten Kontrollkästchens herausgenommen und zu einer durch Kommas getrennten Zeichenfolge verkettet.

Implementierungsmethode:

HTML-Teil:

Code kopieren Der Code lautet wie folgt:

Option 1



Option 2



Option 3

Definieren Sie im jQuery-Teil ein Klickereignis für jedes Kontrollkästchen und durchlaufen Sie alle ausgewählten Kontrollkästchen.

Code kopieren Der Code lautet wie folgt:

$(function() {
$("input[type=checkbox]").on("click", function () {
var vIds = "";
$("input:checked").each(function() {
vIds = $(this).attr('id') ",";
});
if (vIds.length > 0) {
vIds = vIds.substring(0, vIds.length - 1);
}
$('#result').text(vIds);
});
});

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.