# チェックボックスについて

**URL:** <https://www.nocode-faq.com/t/topic/3798>\
**Category:** bubble\
**Created:** [2023 年 7 月 20 日午前 8:38 UTC](https://www.nocode-faq.com/t/topic/3798 "2023-07-20T08:38:23Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![corp](https://avatars.discourse-cdn.com/v4/letter/c/ed655f/32.png) [@corp](https://www.nocode-faq.com/u/corp)\
**Post date:** [2023 年 7 月 20 日午前 8:38 UTC](https://www.nocode-faq.com/t/topic/3798/1 "2023-07-20T08:38:23Z")

</div>

チェックボックスを利用してユーザーの趣味の情報を登録しようと思っています。

趣味は2段階での登録を実装しようと思っています。  
例）スポーツ→野球、サッカーバスケetc

実装の理想としては、  
スポーツにチェックを入れるとスポーツに紐づいたサッカー、野球、バスケのチェックボックスが表示されるという実装を考えています。  
RepeatingGroup Op\_hobby2内のdata sourceに間違いがあるのかなと思うのですがうまく表示出来ないのでご教示いただきたいです。（下記画像記載）

dataの作りとしては  
option set内に  
hobby1  
parent hobby2 list of hobby2s

hobby2  
hobby1 Op\_hobby

で作成しています。（modify attrributes にはそれぞれ親子関係にしたいデータを追加しています）

 ![スクリーンショット 2023-07-20 17.32.11](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/7/747da806991fb96ab74d9d984f50e8e470d6eeeb.png)  
 ![スクリーンショット 2023-07-20 17.32.13](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/2/2448a571b75aab86219c94c3fd8f82d968b815ec.png)

---

<div class="post-metadata">

**Author:** ![tomonorihashimoto930](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tomonorihashimoto930/32/7059_2.png) [@tomonorihashimoto930](https://www.nocode-faq.com/u/tomonorihashimoto930)\
**Post date:** [2023 年 7 月 20 日午後 4:24 UTC](https://www.nocode-faq.com/t/topic/3798/2 "2023-07-20T16:24:09Z")

</div>

サンプルアプリを作ってみました。

> **[Bubble Editor - checkbox-test](https://bubble.io/page?name=index&id=checkbox-test-17125&tab=tabs-1)**
>
> Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

Repeating Gruop内の状態を外から取り出そうとすると、手順が複雑になりがちです。  
この例では、チェックボックスの状態が変更されるたびに、custom stateの状態を変更するようにしてあります。(1つめのRepaeating Groupの中に2つcustom stateが入っています)

1つめのRepeating Groupのチェックされているリストをcustom stateに反映させて、2つめのRepeating groupに反映させています。

また、親のチェックボックスが外れた際は、子のチェックボックスが外れるようにしてあります。

特に見た目にこだわりがなければ、公式プラグインのMultiselect Dropdownを使ったほうが、Repeating Groupを使わず、シンプルに実装できると思うのでご検討ください。

---

<div class="post-metadata">

**Author:** ![corp](https://avatars.discourse-cdn.com/v4/letter/c/ed655f/32.png) [@corp](https://www.nocode-faq.com/u/corp)\
**Post date:** [2023 年 7 月 21 日午前 7:59 UTC](https://www.nocode-faq.com/t/topic/3798/3 "2023-07-21T07:59:46Z")

</div>

tomonorihashimoto930さん

御回答いただきましてありがとうごいます。  
テストアプリまで作成いただきとてもわかりやすかったです！

無事実装することが出来ました！

ありがとう御座います！