選択されたすべてのチェックボックスの属性値を string_jquery に連結する jQuery のメソッド

この記事の例では、jQuery が選択されたすべてのチェックボックスの属性値を文字列に連結する方法を説明します。皆さんの参考に共有してください。詳細は以下の通りです。

要件:

チェックボックスのグループの場合、各チェックボックスをクリックすると、現在選択されているチェックボックスの特定の属性値が取り出され、カンマで区切られた文字列に連結されます。

実装方法:

html 部分:

コードをコピー コードは次のとおりです:

オプション 1



オプション 2



オプション 3

jQuery 部分で、各チェックボックスのクリック イベントを定義し、選択されたすべてのチェックボックスをスキャンします。

コードをコピー コードは次のとおりです。

$(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);
});
});

この記事が皆さんの jQuery プログラミングに役立つことを願っています。