# チェックボックスで、チェック時に文字列の表示について

**URL:** <https://community.cybozu.dev/t/topic/9017>\
**Category:** kintone 開発相談\
**Created:** [2024 年 5 月 14 日午前 2:37 UTC](https://community.cybozu.dev/t/topic/9017 "2024-05-14T02:37:53Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![matu](https://avatars.discourse-cdn.com/v4/letter/m/e9c0ed/32.png) [@matu](https://community.cybozu.dev/u/matu)\
**Post date:** [2024 年 5 月 14 日午前 2:37 UTC](https://community.cybozu.dev/t/topic/9017/1 "2024-05-14T02:37:53Z")

</div>

カスタマーサポートよりご紹介をして頂き、初めてご質問をさせて頂きます。  
現在、チェックボックスでチェック時に、文字列を表示させたいのですが、  
どうしてもうまくいかない状態です。（以前に似たご質問も確認済です）  
具体的には、チェックボックスの設定で「項目と順番」に情報、労務、発行、  
その他を設定しており、その他にチェックをした時に備考欄の文字列を  
表示させたいのです。

以下は情報です。

■チェックボックスの設定  
フィールド名 :発注担当  
項目と順番 :情報、労務、発行、その他  
フィールドコード：chk1

■文字列（１行）の設定  
フィールド名：備考欄  
フィールドコード：biko

また、以下はうまく機能しないコードです。

(function () {  
“use strict”;

var events = [  
‘app.record.create.show’,  
‘app.record.edit.show’,  
‘app.record.create.change.発注担当 ’,  
‘app.record.edit.change.発注担当 ’];

kintone.events.on(events, function(event) {  
var record = event.record;  
var chk1 = record[‘その他’][‘value’];

if (chk1.length) {  
kintone.app.record.setFieldShown(‘備考欄’, true);  
} else {  
kintone.app.record.setFieldShown(‘備考欄’, false);  
}

return event;  
});  
})();

以上ですが、どこに問題があるのかご教示をお願いできないでしょうか？  
よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![ko\_ji](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/ko_ji/32/31_2.png) [@ko\_ji](https://community.cybozu.dev/u/ko_ji)\
**Post date:** [2024 年 5 月 14 日午前 2:50 UTC](https://community.cybozu.dev/t/topic/9017/2 "2024-05-14T02:50:10Z")

</div>

こんにちは。

change イベント含め、カスタマイズを行う際には、  
フィールド名ではなく、フィールドコードを指定する必要があります。

記載していただいたコードでは、各処理でフィールド名が記載されているため、  
処理が機能しないかと思います。

各処理に記載しているフィールド名を、フィールドコードに修正することで、  
処理が動作するか確認してみてください。

---

<div class="post-metadata">

**Author:** ![matu](https://avatars.discourse-cdn.com/v4/letter/m/e9c0ed/32.png) [@matu](https://community.cybozu.dev/u/matu)\
**Post date:** [2024 年 5 月 14 日午前 3:07 UTC](https://community.cybozu.dev/t/topic/9017/3 "2024-05-14T03:07:25Z")

</div>

ko\_ji様

お返事ありがとうございます。  
ko\_ji様がおっしゃる通りに下記のようにフィールドコードに変更を  
行ないましたが、備考欄の「文字列（１行）」が表示されます。

(function () {  
“use strict”;

var events = [  
‘app.record.create.show’,  
‘app.record.edit.show’,  
‘app.record.create.change.chk1 ’,  
‘app.record.edit.change.chk1 ’];

kintone.events.on(events, function(event) {  
var record = event.record;  
var chk1 = record[‘その他’][‘value’];

if (chk1.length) {  
kintone.app.record.setFieldShown(‘biko’, true);  
} else {  
kintone.app.record.setFieldShown(‘biko’, false);  
}

return event;  
});  
})();

他に考えられる原因はございませんでしょうか？  
誠に恐縮ではございますが、よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![matu](https://avatars.discourse-cdn.com/v4/letter/m/e9c0ed/32.png) [@matu](https://community.cybozu.dev/u/matu)\
**Post date:** [2024 年 5 月 14 日午前 3:11 UTC](https://community.cybozu.dev/t/topic/9017/4 "2024-05-14T03:11:50Z")

</div>

追記

言葉足らずで申し訳ございません。  
「その他」にチェックをしていない状態で、備考欄が表示される  
という意味です。

---

<div class="post-metadata">

**Author:** ![ko\_ji](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/ko_ji/32/31_2.png) [@ko\_ji](https://community.cybozu.dev/u/ko_ji)\
**Post date:** [2024 年 5 月 14 日午前 3:59 UTC](https://community.cybozu.dev/t/topic/9017/5 "2024-05-14T03:59:00Z")

</div>

var chk1 = record[‘その他’][‘value’]; についても、  
‘その他’ を chk1 に修正する必要があるかと思います。

また、chk1 の値が「その他」であるか判定してい場合、if (chk1.length) の処理を、  
if(chk1 == ‘その他’) に修正する必要があるかと思います。

上記内容を修正して、動作確認してみてくださいー

---

<div class="post-metadata">

**Author:** ![matu](https://avatars.discourse-cdn.com/v4/letter/m/e9c0ed/32.png) [@matu](https://community.cybozu.dev/u/matu)\
**Post date:** [2024 年 5 月 14 日午前 4:26 UTC](https://community.cybozu.dev/t/topic/9017/6 "2024-05-14T04:26:12Z")

</div>

ko\_ji様

お返事ありがとうございます。  
ご指摘を頂いた2か所について、修正を行いました。

(function () {  
“use strict”;

var events = [  
‘app.record.create.show’,  
‘app.record.edit.show’,  
‘app.record.create.change.chk1 ’,  
‘app.record.edit.change.chk1 ’];

kintone.events.on(events, function(event) {  
var record = event.record;  
var chk1 = record[‘chk1’][‘value’];

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

return event;  
});  
})();

しかし、その他のチェックをしていないにも関わらず「備考欄」が  
表示される状態です。  
再度、ご教示をお願いできないでしょうか？  
よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![ko\_ji](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/ko_ji/32/31_2.png) [@ko\_ji](https://community.cybozu.dev/u/ko_ji)\
**Post date:** [2024 年 5 月 14 日午前 5:03 UTC](https://community.cybozu.dev/t/topic/9017/7 "2024-05-14T05:03:38Z")

</div>

ぱっと見で気が付かなかったのですが、「“」や「'」が全角になってました。  
「”」や「'」については半角で入力する必要があるので気を付けてください。

手元で以下のように修正したところ動作しているよう見えるので、  
確認してもらえればと思います。

```javascript
(function () {
"use strict";

var events = [
"app.record.create.show",
"app.record.edit.show",
"app.record.create.change.chk1",
"app.record.edit.change.chk1"];

kintone.events.on(events, function(event) {
var record = event.record;
var chk1 = record["chk1"]["value"];

if(chk1 == "その他") {
kintone.app.record.setFieldShown("biko", true);
} else {
kintone.app.record.setFieldShown("biko", false);
}

return event;
});
})();

```

なお、コミュニティでコードを記載する際のお作法や、  
カスタマイズのデバック方法は以下のページで説明があるので、  
今後のために確認しておくといいかもです。

[https://community.cybozu.dev/guidelines](https://community.cybozu.dev/guidelines)

> **[kintone JavaScriptカスタマイズデバッグまとめ](https://cybozu.dev/ja/kintone/tips/development/development-productivity/debug/kintone-js-customization-debugging/)**
>
> JavaScriptカスタマイズをよりしやすくするためのデバッグの方法を紹介します。

---

<div class="post-metadata">

**Author:** ![matu](https://avatars.discourse-cdn.com/v4/letter/m/e9c0ed/32.png) [@matu](https://community.cybozu.dev/u/matu)\
**Post date:** [2024 年 5 月 14 日午前 5:17 UTC](https://community.cybozu.dev/t/topic/9017/8 "2024-05-14T05:17:00Z")

</div>

ko\_ji様

何度もご教示して頂きありがとうございます。  
「その他」をチェックすると、「備考欄」が表示する仕様になりました。  
感謝でいっぱいです。  
今後は、全角/半角をはじめとしたコードを記載する際のお作法をきちんと  
確認してご質問をさせて頂きます。  
ありがとうございました。

---

<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:** [2024 年 5 月 31 日午前 2:04 UTC](https://community.cybozu.dev/t/topic/9017/9 "2024-05-31T02:04:49Z")

</div>

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