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:

<input type="checkbox" id="1"/> ;
<label for="1">Option 1</label>
<br/>
<input type="checkbox" id="2"/>
<label for="2">Option 2</label>
<br />
<input type="checkbox" id="3"/>
<label for="3">Option 3</label>
<br/>
<span id="result"></span>

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.