javascript - 접합을 위한 다중 선택 상자의 값을 가져오고 선택 취소된 옵션 뒤의 쉼표를 제거하는 방법

Question

배경에서 제공한 XML 템플릿:
<Pay>0,1,2</Pay>

으아아아 으아아아

결정해서 이어붙이는 방법을 사용하는데 마지막 옵션을 선택하지 않으면 이전 옵션 뒤에 쉼표가 붙는데 어떻게 해야 하나요

Answer 1

배열을 선언합니다. 체크박스가 선택되어 있으면 값을 입력하고 마지막으로 조인을 사용하여 쉼표로 구분된 배열로 변환합니다.

으아악

위층에 사용된 정규식은 마지막 쉼표만 제거할 수 있습니다. 앞에 선택되지 않은 쉼표가 있으면 여전히 추가 쉼표가 있습니다.

Answer 2

으아악

Answer 3

으아악

Answer 4

1. 귀하의 요구 사항을 이해합니다. 선택 순서에 관계없이 순서대로만 표시하면 됩니다. 예를 들어 2를 먼저 선택하든 0을 먼저 선택하든 0, 2가 표시됩니다.

내 솔루션은 배열을 사용하여 순회하는 것입니다.

• 옵션 1: reduce 사용(오늘 방금 Reduce를 배웠으니 직접 사용해 보세요)

으아악

• 옵션 2: filter + join

사용 으아악

• 옵션 3: for循环

사용 으아악

---

2. 클릭 순서를 고려하면 변경 이벤트를 사용할 수 있습니다. CheckBox가 변경되면 판단하여 데이터 추가 또는 삭제를 확인합니다

html:

으아악

자바스크립트

으아악

(huguangju 빈 배열 생성 방법에서 배웠습니다)

Answer 5

배열에서는 배열의 null 항목을 제거한 다음 문자열로 형식을 지정합니다