JavaScript - スプライシング用の複数選択ボックスの値を取得し、チェックされていないオプションの後のカンマを削除する方法

Question

バックグラウンドから提供された XML テンプレート:
<Pay>0,1,2</Pay>

リーリー リーリー

この方法を使用して決定してからスプライスしますが、最後のオプションが選択されていない場合、前のオプションの後にカンマが続きます。どうすればよいでしょうか

Answer 1

配列を宣言します。チェックボックスが選択されている場合は、値をその配列にプッシュし、最後に結合を使用してカンマ区切りの配列に変換します。

リーリー

上の階で使用される正規表現では、最後のカンマのみを削除できます。選択されていないものが前にある場合は、余分なカンマが残ります。

Answer 2

リーリー

Answer 3

リーリー

Answer 4

1. ご要望は理解しました。選択の順序に関係なく、順番に表示するだけで済みます。たとえば、最初に 2 を選択しても、0 を選択しても、表示は 0、2 になります。

私の解決策は、配列を使用して走査することです。

走査方法はたくさんあります。

• オプション 1: reduce を使用する (今日はリデュースを学んだばかりなので、遊んでみましょう)

リーリー

• オプション 2: filter + join

を使用する リーリー

• オプション 3: for循环

を使用する リーリー

---

2. クリック順序を考慮する場合は、変更イベントを使用できます。チェックボックスが変更されたときに、データを追加または削除するかどうかを判断します

html:

リーリー

JavaScript

リーリー

(空の配列を作成するhuguangjuメソッドから学びました)

Answer 5

配列として、配列内の null 項目を削除し、文字列にフォーマットします