2次元配列の値をjqueryを使用して入力フィールドにプッシュする方法は？

Question

私は親レコードの各行に対してonclickイベントが発生している間に、行レコードを持つモーダルで表示される入力フィールドを持っています。

入力フィールドには、次のとおりです。

str+= '<td><input type="text" class="form-control input-sm full-width" data-toggle="modal" name="bed_selections['+num+']" id="bed_selection'+ num +'" num="'+num+'" onclick="showBedSelection(this)" /></td>'; 

親テーブルには、次のようになります。

モーダルは、次のようになります。

私はSNO（これらのデータを格納する必要があります、確認してください）入力要素bed_selections ['+ num +']をバックエンド処理の配列値として使用します。

どのようにjs/jquery経由でこのシナリオを達成できますか？

清潔なソリューションを教えてください。

Answer 1

表の各行に非表示の入力を作成します。モーダルクローズイベントで、チェックボックスのチェック値を取得し、配列に入れます。 Array.join（ "、"）を使用すると、Arrayをstringにシリアル化し、非表示のInputを対応するROWIDで更新できます。バックエンドで隠された入力値を取得し、コンマ（、）区切り文字を使用して文字列を配列に分割し、自分自身を配列にします。