チェックボックスで表示・非表示

初めて投稿します。
javascript初心者です。

現在チェックボックスを使って、フィールドの表示・非表示を行いたいと考えています。

チェックボックスの「その他」の項目ににチェックが入れば「その他(文字列(1行))」のフィールドを表示し、
チェックが外されれば、非表示にするようにしたいと思っています。

ラジオボタンではできたのですが、チェックボックスではうまくいきませんでした。

ソースは以下のように書いています。

(function() {
“use strict”;
kintone.events.on([‘app.record.create.show’,
‘app.record.edit.show’,
                              ‘app.record.create.change.チェックボックス’,
                               ‘app.record.edit.change.チェックボックス’,
                               ‘app.record.detail.show’], function(event){

                      var record = event[‘record’];
                    if (record[‘チェックボックス’][‘value’] === ‘その他’) {
                              kintone.app.record.setFieldShown(‘その他’, true);
                            }else {
                           kintone.app.record.setFieldShown(‘その他’, false);                                              }
       return event;
       });
})();

以上のように書いています。

ご教授していただけますと、幸いです。

よろしくお願いします。

k_chinen さん

ラジオボタンとチェックボックスではオブジェクトの構造が違うため、
同じ書き方だとうまく動きません。
https://developer.cybozu.io/hc/ja/articles/202166330

修正するべき箇所はif分の条件式の部分だと思います。

配列の判定は下記リンク先のようなやり方で実装可能です。
https://qiita.com/koyopro/items/8faced246d0d5ed921e0

HANSAさん

ご回答ありがとうございます!!

なんとか実装することができました。

 

ありがとうございました。

k_chinen さん

実装できて良かったです!

オブジェクトや配列の扱いは面倒ですよね…

HANSAさん

ありがとうございます!!

まだまだ初心者なのでちんぷんかんぷんですが頑張っていきたいと思います。

 

ご参考までにですが、利用しやすいプラグインもあります。

ATTAZoo+の入力サポート+は今回のシーンに合うプラグインだと思います。

https://www.jbat.co.jp/lp/attazoo.html/#about