# 一覧表示で文字色の変更ができません

**URL:** <https://community.cybozu.dev/t/topic/7567>\
**Category:** kintone 開発相談\
**Created:** [2021 年 6 月 10 日午前 9:10 UTC](https://community.cybozu.dev/t/topic/7567 "2021-06-10T09:10:28Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account2772](https://avatars.discourse-cdn.com/v4/letter/l/e47c2d/32.png) [@Legacy\_Account2772](https://community.cybozu.dev/u/Legacy_Account2772)\
**Post date:** [2021 年 6 月 10 日午前 9:10 UTC](https://community.cybozu.dev/t/topic/7567/1 "2021-06-10T09:10:28Z")

</div>

お世話になります。

[JavaScriptを使用したkintoneのカスタマイズ – cybozu developer network](https://community.cybozu.dev/hc/ja/articles/200730174-JavaScript%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%9Fkintone%E3%81%AE%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA)

を見ながら、やってみたのですがどうしても文字色が変更されません。

原因はどこにあるのでしょうか？

(function() {  
“use strict”;

//レコード一覧イベントを取得  
kintone.events.on(‘app.record.index.show’, function(event) {  
//文字色の設定値  
var fontColorRed = “#ff0000”;

//「本部担当」と「更新1」の要素を取得  
var eltanto = kintone.app.getFieldElements(‘本部担当’);  
var elupdate = kintone.app.getFieldElements(‘更新1’);

for (var i = 0; i \< elupdate.length; i++) {  
//レコード情報を取得  
var record = event.records[i];

//「更新1」が"有"の場合「本部担当」の文字色を変更する。  
if (record[‘ラジオボタン’][‘value’] == “有”) {  
eltanto[i].style.color = fontColorRed;  
}  
}  
});  
})();

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1517](https://avatars.discourse-cdn.com/v4/letter/l/4bbf92/32.png) [@Legacy\_Account1517](https://community.cybozu.dev/u/Legacy_Account1517)\
**Post date:** [2021 年 6 月 10 日午後 3:52 UTC](https://community.cybozu.dev/t/topic/7567/2 "2021-06-10T15:52:30Z")

</div>

たぶん、「更新1」のフィールドコードの指定のどちらかが誤っています。

var elupdate = kintone.app.getFieldElements(‘更新1’);  
if (record[‘ラジオボタン’][‘value’] == “有”) {

「更新1」なのか「ラジオボタン」なのか？

下記を参考に、ステップ実行しながら変数の中身を見てデバッグすると、このような間違いがすぐわかるようになります。

[動かない？そんな時はデバッグをしてみよう！入門編](https://community.cybozu.dev/hc/ja/articles/207613916)

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2772](https://avatars.discourse-cdn.com/v4/letter/l/e47c2d/32.png) [@Legacy\_Account2772](https://community.cybozu.dev/u/Legacy_Account2772)\
**Post date:** [2021 年 6 月 11 日午前 12:57 UTC](https://community.cybozu.dev/t/topic/7567/3 "2021-06-11T00:57:41Z")

</div>

早速のコメントありがとうございます。

’ラジオボタン’を’更新1’に変更してみたところ、動作しました！

ただ、これを複数にしたら、また動作しなくなってしまったので、デバックを試してみました。

下記のエラーが出たのですが、違うjsファイルがエラーになっていて、どうしてこうなったのかがわかりません。

今回の更新～のjsファイルを消してみてもエラーが解消されず、該当のリンクを入れ直してみてもダメでした。

他に入れてあるjsファイルが複数あります。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1517](https://avatars.discourse-cdn.com/v4/letter/l/4bbf92/32.png) [@Legacy\_Account1517](https://community.cybozu.dev/u/Legacy_Account1517)\
**Post date:** [2021 年 6 月 11 日午前 1:44 UTC](https://community.cybozu.dev/t/topic/7567/4 "2021-06-11T01:44:43Z")

</div>

\>これを複数にしたら、また動作しなくなってしまったので、デバックを試してみました。

添付されたエラーは、今回の問題とは直接関係ないとおもいます。

「これを複数にしたら」が原因だと思いますので、ステップ実行して原因調査しましょう。