# 一覧画面でテーブルを表示しないようにしたい

**URL:** <https://community.cybozu.dev/t/topic/4214>\
**Category:** kintone 開発相談\
**Created:** [2019 年 7 月 25 日午前 8:24 UTC](https://community.cybozu.dev/t/topic/4214 "2019-07-25T08:24:49Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account1166](https://avatars.discourse-cdn.com/v4/letter/l/4491bb/32.png) [@Legacy\_Account1166](https://community.cybozu.dev/u/Legacy_Account1166)\
**Post date:** [2019 年 7 月 25 日午前 8:24 UTC](https://community.cybozu.dev/t/topic/4214/1 "2019-07-25T08:24:49Z")

</div>

テーブルを作成した場合、一覧画面でテーブル列には「表示する▶」と  
表示されますが、別フィールドのドロップダウンで選択した項目によって、  
「表示する▶」の文字を非表示にすることは可能でしょうか。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1896](https://avatars.discourse-cdn.com/v4/letter/l/f14d63/32.png) [@Legacy\_Account1896](https://community.cybozu.dev/u/Legacy_Account1896)\
**Post date:** [2019 年 7 月 30 日午前 4:36 UTC](https://community.cybozu.dev/t/topic/4214/2 "2019-07-30T04:36:49Z")

</div>

ku さん

一覧の項目が、 テーブル | ラジオボタン

のように横並びとなっていれば、以下のようなコードで実現可能です。

```
(function() {
kintone.events.on('app.record.index.show', function(event) {
const records = event.records;
const elm = kintone.app.getFieldElements('ラジオボタンのフィールドコード');
for (let i = 0; i < records.length; i++) {
const radioButtonVal = records[i].radioBtn.value;
if (radioButtonVal === 'しない') {
const targetElm = elm[i].previousElementSibling;
targetElm.textContent = '';
}
}
});
})();

```

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1166](https://avatars.discourse-cdn.com/v4/letter/l/4491bb/32.png) [@Legacy\_Account1166](https://community.cybozu.dev/u/Legacy_Account1166)\
**Post date:** [2019 年 8 月 5 日午前 5:09 UTC](https://community.cybozu.dev/t/topic/4214/3 "2019-08-05T05:09:26Z")

</div>

HANSA様

ご回答いただきありがとうございます。  
ドロップダウンでなくラジオボタンでもできればと、ご案内いただいた内容を  
試してみましたが、うまく動作しませんでした。

私のアプリに問題があると思い、以下の画像のようにテーブルとラジオボタンしかない  
アプリで試してみましたが、これでも動作しませんでした。

何か私の理解に間違いがあればご指摘いただけないでしょうか。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1896](https://avatars.discourse-cdn.com/v4/letter/l/f14d63/32.png) [@Legacy\_Account1896](https://community.cybozu.dev/u/Legacy_Account1896)\
**Post date:** [2019 年 8 月 6 日午前 1:20 UTC](https://community.cybozu.dev/t/topic/4214/4 "2019-08-06T01:20:27Z")

</div>

ku さん

うまく動作しないのには原因があります。原因を探っていきましょう。  
まずは以下の記事を参考にデバッグしてみて下さい。  
[動かない？そんな時はデバッグをしてみよう！入門編](https://community.cybozu.dev/hc/ja/articles/207613916)

完成すると以下のようになります。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1166](https://avatars.discourse-cdn.com/v4/letter/l/4491bb/32.png) [@Legacy\_Account1166](https://community.cybozu.dev/u/Legacy_Account1166)\
**Post date:** [2019 年 8 月 28 日午前 9:04 UTC](https://community.cybozu.dev/t/topic/4214/5 "2019-08-28T09:04:38Z")

</div>

HANSA様

ご回答いただきありがとうございます。

遅くなりましたが、ご案内いただいたコード内の

```
const radioButtonVal = records[i].radioBtn.value;

```

の「radioBtn」を修正することでうまく動作できました。

ご対応いただきありがとうございました。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1896](https://avatars.discourse-cdn.com/v4/letter/l/f14d63/32.png) [@Legacy\_Account1896](https://community.cybozu.dev/u/Legacy_Account1896)\
**Post date:** [2019 年 8 月 28 日午前 9:23 UTC](https://community.cybozu.dev/t/topic/4214/6 "2019-08-28T09:23:00Z")

</div>

ku さん

お久しぶりです！

うまく動作できたとのこと良かったです！