선택된 모든 체크박스의 속성 값을 string_jquery로 연결하는 jQuery의 방법

이 기사의 예에서는 jQuery가 선택된 모든 체크박스의 속성 값을 문자열로 연결하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.

요구사항:

체크박스 그룹의 경우 각 체크박스를 클릭하면 현재 선택된 체크박스의 특정 속성 값이 제거되어 쉼표로 구분된 문자열로 연결됩니다.

구현 방법:

html 부분:

코드 복사 코드는 다음과 같습니다.

옵션 1



옵션 2



옵션 3

jQuery 부분에서는 각 체크박스에 대한 클릭 이벤트를 정의하고 선택된 모든 체크박스를 순회합니다.

코드 복사 코드는 다음과 같습니다.

$(function() {
$("input[type=checkbox]").on("클릭", 함수 () {
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 프로그래밍에 도움이 되기를 바랍니다.