# CheckboxでRepeatingGroup内の各行のエレメントを表示/非表示&チェックのステータスを維持する方法

**URL:** <https://www.nocode-faq.com/t/topic/3949>\
**Category:** bubble\
**Created:** [2023 年 9 月 24 日午後 1:59 UTC](https://www.nocode-faq.com/t/topic/3949 "2023-09-24T13:59:41Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![rentaro.kashima.bz](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/rentaro.kashima.bz/32/6594_2.png) [@rentaro.kashima.bz](https://www.nocode-faq.com/u/rentaro.kashima.bz)\
**Post date:** [2023 年 9 月 24 日午後 1:59 UTC](https://www.nocode-faq.com/t/topic/3949/1 "2023-09-24T13:59:41Z")

</div>

以下のような単語帳アプリを作成しております。  
RepeatingGroup内に登録された単語一覧を表示させるようにしています。

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/0/0c794406bebf3ee0fedf8516a9cb5ac5f5bec333.png)

上の画像のようにチェックボックスのチェックを外した場合は隣に置いているelement（例文）が非表示になるようにしております。

【質問】

1. ある行のチェックを外す/付けるをした際、他の行の同じ要素のチェックも外す/付けるをしたいのですが、どのような方法がございますでしょうか。  
（上の例で行くと、1. approveの上の例文のチェックを外した場合、2. avoid以降の上の例文のチェックも外れてほしい）

2. チェックのステータスをリロードした場合も維持する方法を教えていただきたいです。  
（チェックを外した状態でアプリを閉じた場合、次回利用時はチェックが外れた状態になっている）

以上、ご教示いただければ幸いです。よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Kohei](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/kohei/32/7460_2.png) [@Kohei](https://www.nocode-faq.com/u/Kohei)\
**Post date:** [2023 年 9 月 25 日午前 10:48 UTC](https://www.nocode-faq.com/t/topic/3949/2 "2023-09-25T10:48:15Z")

</div>

お疲れ様です！  
昨日入会したこうへいと申します。  
直接解決できるかは不明ですが、私の回答記載しますね。

1.については、Repeating groupの使い方やデータの登録次第な印象を受けますね。  
例えば英文をField1、日本語訳文をField2に入れているとして、  
Repeating group（例文）内にテキストでField1を表示させる形で実装しておけば、  
他も連動して非表示になるように実装できるんじゃないかな？と思いました！

2.は、チェックボックスの状態を保存するFieldがあればできると思いますね。  
単語で個別に紐づける実装ではなく、前述のように全体一括なのであれば、UserにField1の表示/非表示のデータを保持させるFieldを足してあげて、単語側の表示非表示は基本そこを参照するようにすれば良いのではないかと思います。

---

<div class="post-metadata">

**Author:** ![rentaro.kashima.bz](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/rentaro.kashima.bz/32/6594_2.png) [@rentaro.kashima.bz](https://www.nocode-faq.com/u/rentaro.kashima.bz)\
**Post date:** [2023 年 9 月 25 日午前 11:02 UTC](https://www.nocode-faq.com/t/topic/3949/3 "2023-09-25T11:02:45Z")

</div>

初めまして！詳細にありがとうございます 🙂

1. 説明不足だったかもしれませんが、例文の要素もrepeating groupに入れております。なので、それを非表示にすれば後続のrepeating group内要素の該当箇所も非表示になるかと思ったのですが、そうはならず…

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/3/32fb2802e4bf54053923d40bbb944ff49c39db0b.png)

1. こちらはDBに表示/非表示fieldを作り、そこでコントロールするということですね！ありがとうございます。やってみます！

---

<div class="post-metadata">

**Author:** ![Kohei](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/kohei/32/7460_2.png) [@Kohei](https://www.nocode-faq.com/u/Kohei)\
**Post date:** [2023 年 9 月 25 日午前 11:18 UTC](https://www.nocode-faq.com/t/topic/3949/4 "2023-09-25T11:18:55Z")

</div>

1.に関しては、肝心の例文箇所のテキスト表示をどう実装しているかが確認できないので、  
そもそも確認するポイントを勘違いしている可能性があるかもしれません（単語自体は正しく参照されているように見受けられます）  
例文箇所のテキストはどう取得しているかが重要ですね。

2.はそのイメージです！

---

<div class="post-metadata">

**Author:** ![rentaro.kashima.bz](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/rentaro.kashima.bz/32/6594_2.png) [@rentaro.kashima.bz](https://www.nocode-faq.com/u/rentaro.kashima.bz)\
**Post date:** [2023 年 9 月 25 日午後 12:00 UTC](https://www.nocode-faq.com/t/topic/3949/5 "2023-09-25T12:00:07Z")

</div>

早速ありがとうございます！

"The element is visible on page load"のチェック外していて例文のappearanceが見えないようになっておりました😅

参考になるかどうかわかりませんが、一応DB含め以下のような感じになっております。  
（DBには単語と単語帳リストを繋げるようにしております。）

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/3/3d81d02ab51a72b1b11c2fe6ccce932b299912f5.png)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/1/1f02f71b8ff9bbee3b70e3828f5b7f9348dbc9e3.png)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/d/d17be2d32c89e3fa84e0759453faea8ac55dd6d1.png)

---

<div class="post-metadata">

**Author:** ![Kohei](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/kohei/32/7460_2.png) [@Kohei](https://www.nocode-faq.com/u/Kohei)\
**Post date:** [2023 年 9 月 25 日午後 1:29 UTC](https://www.nocode-faq.com/t/topic/3949/6 "2023-09-25T13:29:04Z")

</div>

あー、すみません、そもそも勘違いしていました…。  
チェックボックスの入力状態自体が他データの入力状態と連動するわけないですね。

結論としては独立しているのが普通なので、連結させたいならそれをユーザーではなく単語帳単位に持たせるのが正解かと思います。（単語帳基準で例文の表示非表示変えると思うので）

前提として、単語ごとに表示非表示を変えたいわけではないのであれば、  
チェックボックス自体を単語内に配置するのではなく、単語帳トップあたりに配置した方が良いと思います！  
単語ごとにチェックボックスがあるのに、他単語の表示非表示も切り替わってしまうのであれば、  
UXとして微妙だと思いますね。

---

<div class="post-metadata">

**Author:** ![rentaro.kashima.bz](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/rentaro.kashima.bz/32/6594_2.png) [@rentaro.kashima.bz](https://www.nocode-faq.com/u/rentaro.kashima.bz)\
**Post date:** [2023 年 9 月 26 日午前 8:02 UTC](https://www.nocode-faq.com/t/topic/3949/7 "2023-09-26T08:02:34Z")

</div>

ありがとうございます。単語ごと、一括で表示/非表示できるようになりました🙂
