# 回答の条件によって別フィールドの表示/非表示を切り替える

**URL:** <https://community.cybozu.dev/t/topic/784>\
**Category:** kintone 開発相談\
**Created:** [2017 年 7 月 2 日午後 3:23 UTC](https://community.cybozu.dev/t/topic/784 "2017-07-02T15:23:25Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account1724](https://avatars.discourse-cdn.com/v4/letter/l/e95f7d/32.png) [@Legacy\_Account1724](https://community.cybozu.dev/u/Legacy_Account1724)\
**Post date:** [2017 年 7 月 2 日午後 3:23 UTC](https://community.cybozu.dev/t/topic/784/1 "2017-07-02T15:23:25Z")

</div>

お世話になります。

のように、その他を選んだ場合、その他が表示になるようにしたいですが、

なかなかうまくいかず、アドバイス頂きたく投稿させて頂きました。

(function() {  
“use strict”;

//レコードの追加、編集、詳細画面で適用する  
var events = [‘app.record.detail.show’,  
‘app.record.create.show’,  
‘app.record.create.change.past’,  
‘app.record.edit.show’,  
‘app.record.edit.change.past’];

kintone.events.on(events, function(event) {

var record = event.record;

//1問目になにも選択されていなかった場合は「その他」フィールドを表示しない  
var past = record[‘past’][‘value’];  
if (past.length=== 0) {  
kintone.app.record.setFieldShown(‘other’, false);  
}

//1問目で「その他」が選択された場合は「その他」フィールドを表示する  
for (var i = 0; i \< past.length; i++) {  
if (past[i] === ‘その他’) {  
kintone.app.record.setFieldShown(‘other’, true);  
}else {  
kintone.app.record.setFieldShown(‘other’, false);  
}

}  
});  
})();

よろしくお願いいたします。

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account479](https://avatars.discourse-cdn.com/v4/letter/l/8797f3/32.png) [@Legacy\_Account479](https://community.cybozu.dev/u/Legacy_Account479)\
**Post date:** [2017 年 7 月 3 日午前 12:00 UTC](https://community.cybozu.dev/t/topic/784/2 "2017-07-03T00:00:21Z")

</div>

goro さん

「コース（past）」はドロップダウンフィールドのため、record[‘past’][‘value’] の値は配列にはなりません。

よって、

```
if (past.length=== 0)

```

の部分は

```
if (!past)

```

とし、for ループで判定されている部分も for で回さずに

```
if (past === 'その他')

```

とすれば期待する結果が得られるのではないかと思われます。

&nbsp;

if (!past) の表記については下記のナレッジが参考になるかと思います。

[https://developer.cybozu.io/hc/ja/community/posts/115017919303](https://developer.cybozu.io/hc/ja/community/posts/115017919303)

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1724](https://avatars.discourse-cdn.com/v4/letter/l/e95f7d/32.png) [@Legacy\_Account1724](https://community.cybozu.dev/u/Legacy_Account1724)\
**Post date:** [2017 年 7 月 3 日午前 2:52 UTC](https://community.cybozu.dev/t/topic/784/3 "2017-07-03T02:52:41Z")

</div>

**[Shinichi Suenaga](https://community.cybozu.dev/hc/ja/profiles/2046422076-Shinichi-Suenaga)&nbsp;様**

**お世話になっております。**

**早速アドバイスいただき、本当にありがとうございます。**

**基本知識が不足で大変恐縮です。**

**以下アドバイス頂いたように、書いてみました。** \*\* ただ、record[‘other’][‘value’] = false;//←非表示の時にvalueを空にするのがまだうまく反映されない状態ですが、大変申しわけございませんが、再度アドバイス頂けたら幸いです。\*\*

(function() {  
“use strict”;

//レコードの追加、編集、詳細画面で適用する  
var events = [‘app.record.detail.show’,  
‘app.record.create.show’,  
‘app.record.create.change.past’,  
‘app.record.edit.show’,  
‘app.record.edit.change.past’];

kintone.events.on(events, function(event) {

var record = event.record;

//1問目になにも選択されていなかった場合は「その他」フィールドを表示しない  
var past = record[‘past’][‘value’];  
if (!past) {  
kintone.app.record.setFieldShown(‘other’, false);  
record[‘other’][‘value’] = false;//←非表示の時にvalueを空にする  
}

//1問目で「その他」が選択された場合は「その他」フィールドを表示する

if (past === ‘その他’) {  
kintone.app.record.setFieldShown(‘other’, true);  
}else {  
kintone.app.record.setFieldShown(‘other’, false);  
}

});  
})();

---

<div class="post-metadata">

**Author:** ![Legacy\_Account479](https://avatars.discourse-cdn.com/v4/letter/l/8797f3/32.png) [@Legacy\_Account479](https://community.cybozu.dev/u/Legacy_Account479)\
**Post date:** [2017 年 7 月 3 日午前 3:05 UTC](https://community.cybozu.dev/t/topic/784/4 "2017-07-03T03:05:11Z")

</div>

goro さん

チェックボックスのフィールドの value は配列になりますので、

以下のように空の配列を代入すればすべてのチェックが外れるかと思います。

```
record['other']['value'] = [];

```

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1724](https://avatars.discourse-cdn.com/v4/letter/l/e95f7d/32.png) [@Legacy\_Account1724](https://community.cybozu.dev/u/Legacy_Account1724)\
**Post date:** [2017 年 7 月 3 日午前 4:11 UTC](https://community.cybozu.dev/t/topic/784/5 "2017-07-03T04:11:58Z")

</div>

**[Shinichi Suenaga](https://community.cybozu.dev/hc/ja/profiles/2046422076-Shinichi-Suenaga)&nbsp;様**

**お世話になっております。**

**早速アドバイスいただき、本当にありがとうございます。**

```
record['other']['value'] = [];

```

**にしてもチェックが外れませんでした・・・**

**よろしくお願い致します。**

---

<div class="post-metadata">

**Author:** ![Legacy\_Account479](https://avatars.discourse-cdn.com/v4/letter/l/8797f3/32.png) [@Legacy\_Account479](https://community.cybozu.dev/u/Legacy_Account479)\
**Post date:** [2017 年 7 月 3 日午前 4:19 UTC](https://community.cybozu.dev/t/topic/784/6 "2017-07-03T04:19:36Z")

</div>

goro さん

大事な部分を見落としていました。

kintone.events.on の引数となっている関数の最後に「return event;」の一文を加えてみてください。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1724](https://avatars.discourse-cdn.com/v4/letter/l/e95f7d/32.png) [@Legacy\_Account1724](https://community.cybozu.dev/u/Legacy_Account1724)\
**Post date:** [2017 年 7 月 3 日午前 5:15 UTC](https://community.cybozu.dev/t/topic/784/7 "2017-07-03T05:15:14Z")

</div>

**[Shinichi Suenaga](https://community.cybozu.dev/hc/ja/profiles/2046422076-Shinichi-Suenaga)&nbsp;様**

**お世話になっております。**

**何度も何度も対応していただき、本当に感謝しております。**

**以下のようにしましたが、チェックが外れませんでした・・・**

(function() {  
“use strict”;

//レコードの追加、編集、詳細画面で適用する  
var events = [‘app.record.detail.show’,  
‘app.record.create.show’,  
‘app.record.create.change.past’,  
‘app.record.edit.show’,  
‘app.record.edit.change.past’];

kintone.events.on(events, function(event) {

var record = event.record;

//1問目になにも選択されていなかった場合は「その他」フィールドを表示しない  
var past = record[‘past’][‘value’];  
if (!past) {  
kintone.app.record.setFieldShown(‘other’, false);  
record[‘other’][‘value’] = [];//←非表示の時にvalueを空にする  
}

//1問目で「その他」が選択された場合は「その他」フィールドを表示する

if (past === ‘その他’) {  
kintone.app.record.setFieldShown(‘other’, true);  
}else {  
kintone.app.record.setFieldShown(‘other’, false);  
}

return event;  
});

})();

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1724](https://avatars.discourse-cdn.com/v4/letter/l/e95f7d/32.png) [@Legacy\_Account1724](https://community.cybozu.dev/u/Legacy_Account1724)\
**Post date:** [2017 年 7 月 3 日午前 5:31 UTC](https://community.cybozu.dev/t/topic/784/8 "2017-07-03T05:31:44Z")

</div>

**[Shinichi Suenaga](https://community.cybozu.dev/hc/ja/profiles/2046422076-Shinichi-Suenaga)&nbsp;様**

**お世話になっております。**

**何度も何度も対応していただき、本当にありがとうございます。**

**以下のように、**

//1問目になにも選択されていなかった場合は「その他」フィールドを表示しない  
var past = record[‘past’][‘value’];  
if (!past) {  
kintone.app.record.setFieldShown(‘other’, false);  
record[‘other’][‘value’] = [];//←非表示の時にvalueを空にする  
}

//1問目で「その他」が選択された場合は「その他」フィールドを表示する

if (past === ‘その他’) {  
kintone.app.record.setFieldShown(‘other’, true);  
}else {  
kintone.app.record.setFieldShown(‘other’, false);  
record[‘other’][‘value’] = [];//←非表示の時にvalueを空にする  
}

return event;  
});

二箇所、record[‘other’][‘value’] = [];//←非表示の時にvalueを空にする をいれたら、

今はやっと消えるようになりました。

念のために、こんな設定で問題ないか、最後に確認していただけると幸いです。

本当に、いっぱい教わっていただき、ありがとうございました。

&nbsp;

(function() {  
“use strict”;

//レコードの追加、編集、詳細画面で適用する  
var events = [‘app.record.detail.show’,  
‘app.record.create.show’,  
‘app.record.create.change.past’,  
‘app.record.edit.show’,  
‘app.record.edit.change.past’];

kintone.events.on(events, function(event) {

var record = event.record;

//1問目になにも選択されていなかった場合は「その他」フィールドを表示しない  
var past = record[‘past’][‘value’];  
if (!past) {  
kintone.app.record.setFieldShown(‘other’, false);  
record[‘other’][‘value’] = [];//←非表示の時にvalueを空にする  
}

//1問目で「その他」が選択された場合は「その他」フィールドを表示する

if (past === ‘その他’) {  
kintone.app.record.setFieldShown(‘other’, true);  
}else {  
kintone.app.record.setFieldShown(‘other’, false);  
record[‘other’][‘value’] = [];//←非表示の時にvalueを空にする  
}

return event;  
});

})();

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2025 年 9 月 18 日午前 5:36 UTC](https://community.cybozu.dev/t/topic/784/9 "2025-09-18T05:36:50Z")

</div>

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。