Méthode jQuery pour concaténer une valeur d'attribut de toutes les cases à cocher sélectionnées dans un string_jquery

L'exemple de cet article décrit comment jQuery concatène une valeur d'attribut de toutes les cases à cocher sélectionnées dans une chaîne. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Exigences :

Pour un groupe de cases à cocher, lorsque vous cliquez sur chaque case à cocher, une certaine valeur d'attribut de la case actuellement sélectionnée est supprimée et concaténée en une chaîne, séparée par des virgules.

Méthode de mise en œuvre :

partie html :

Copier le code Le code est le suivant :

Option 1



Option 2



Option 3

Dans la partie jQuery, définissez un événement de clic pour chaque case à cocher et parcourez toutes les cases sélectionnées.

Copier le code Le code est le suivant :

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

J'espère que cet article sera utile à la programmation jQuery de chacun.