# フィールドを編集不可にしたい

**URL:** <https://community.cybozu.dev/t/topic/6551>\
**Category:** kintone 開発相談\
**Created:** [2020 年 7 月 18 日午前 2:42 UTC](https://community.cybozu.dev/t/topic/6551 "2020-07-18T02:42:33Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account1730](https://avatars.discourse-cdn.com/v4/letter/l/c6cbf5/32.png) [@Legacy\_Account1730](https://community.cybozu.dev/u/Legacy_Account1730)\
**Post date:** [2020 年 7 月 18 日午前 2:42 UTC](https://community.cybozu.dev/t/topic/6551/1 "2020-07-18T02:42:33Z")

</div>

Javascriptで、フィールドを編集不可にすることは可能でしょうか？

別フィールドの入力値を条件にしてフィールドを編集不可にしたいため、Javascriptで実現する必要があると考えています。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1384](https://avatars.discourse-cdn.com/v4/letter/l/97f17d/32.png) [@Legacy\_Account1384](https://community.cybozu.dev/u/Legacy_Account1384)\
**Post date:** [2020 年 7 月 20 日午前 1:39 UTC](https://community.cybozu.dev/t/topic/6551/2 "2020-07-20T01:39:23Z")

</div>

こんにちは。  
Javascriptでフィールドを編集不可にすることは可能です。

この記事のように、ラジオボタンの値によって、  
フィールドの編集不可を制御するカスタマイズの解説があるので、ぜひ参考にしてみてください。

「フィールドの入力不可をボタンで完全制御」  
[https://developer.cybozu.io/hc/ja/articles/200306919](https://developer.cybozu.io/hc/ja/articles/200306919)

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1730](https://avatars.discourse-cdn.com/v4/letter/l/c6cbf5/32.png) [@Legacy\_Account1730](https://community.cybozu.dev/u/Legacy_Account1730)\
**Post date:** [2020 年 7 月 20 日午前 1:52 UTC](https://community.cybozu.dev/t/topic/6551/3 "2020-07-20T01:52:33Z")

</div>

wenxit1218様

ありがとうございます。

フォームブリッジで実現したいのですが、ご案内いただいた記事の方法で、フォームブリッジでも編集不可を実現できますでしょうか？

こちらの手元で確認した限りでは、kintoneと同じ記述では実現できませんでした。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1384](https://avatars.discourse-cdn.com/v4/letter/l/97f17d/32.png) [@Legacy\_Account1384](https://community.cybozu.dev/u/Legacy_Account1384)\
**Post date:** [2020 年 7 月 20 日午前 6:03 UTC](https://community.cybozu.dev/t/topic/6551/4 "2020-07-20T06:03:21Z")

</div>

nagayama様

失礼しました。フォームブリッジの場合、  
書き方は違いますが、仕組み的には近いイメージでフィールドの編集不可を実現できると思います。

JavaScriptカスタマイズのchangedイベントを使って、  
「別フィールドの入力値 = 特定の値」の時に、編集不可にしたいフィールド（例えば文字列の一行）に、  
「disabled=“disabled”」属性を追加することで、編集不可にすることができると思います。

一例ですが、こんなイメージになるかと思います。

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

// 「文字列 __1行__ 1」のフィールドが変更された時
fb.events.fields.文字列 __1行__ 1.changed = [function (state) {

// 「文字列 __1行__ 1」のフィールドの値がtestの場合、「文字列 __1行__ 2」を編集不可にする
if (state.record.文字列 __1行__ 1.value === "test") {
var inputElement = document.querySelector('[data-vv-name="文字列 __1行__ 2"] > *');
inputElement.setAttribute("disabled", "disabled");
}
return state;
}];
})();

```

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1730](https://avatars.discourse-cdn.com/v4/letter/l/c6cbf5/32.png) [@Legacy\_Account1730](https://community.cybozu.dev/u/Legacy_Account1730)\
**Post date:** [2020 年 7 月 22 日午前 11:25 UTC](https://community.cybozu.dev/t/topic/6551/5 "2020-07-22T11:25:05Z")

</div>

[wenxit1218](https://community.cybozu.dev/hc/ja/profiles/392706969312-wenxit1218)

お返事が遅くなり、申し訳ございません。

親切丁寧にアドバイスいただき、ありがとうございました。

&nbsp;

---

<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 年 9 月 6 日午前 6:41 UTC](https://community.cybozu.dev/t/topic/6551/6 "2024-09-06T06:41:44Z")

</div>

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