JavaScript Yes Noチェックボックス制御

Question

前提・実現したいこと
PDFのJavascriptを使用し、Yesのチェックボックスにチェックを入れるとテキストフィールドがグレーアウトし、Noのチェックボックスにチェックを入れるとテキストフィールドグレーアウト解除させたいです。
YesまたはNoを連続でチェックしても、Yes→グレーアウト、No→グレーアウト解除を実現したいです。

発生している問題・エラーメッセージ
Yesをチェックするとグレーアウトし、Noにチェックするとグレーアウト解除するまでは期待した挙動なのですが、その後Yesを再度チェックするとグレーアウトが解除されたままになります。
一度チェックボックスをオフにして再度Yesをチェックするとグレーアウトされます。

該当のソースコード

(function () {
if(!event.source) return;
var f name = event.target.name;
var chkYes = get field("Yes1");
var chkNo = get field(”No1");
var colDk Gray = ["RGB",214/255, 214/255, 214/255];
var colClear = ["T"];

if ((chkYes.value == "Yes") && (chkNo.value !=="Yes"))
{
event.target.fillColor=colDkGray;
event.target.textColor=colDkGray;
event.target.readonly=true;
}
else if ((chkYes.value !== "Yes") && (chkNo.value =="Yes"))
{
event.target.fillColor=colClear;
event.target.readonly=false;
}
else
{
event.target.fillColor=colClear;
event.target.readonly=false;
}
})();

自分で調べたことや試したこと
上に記載しているコードまでは調べて辿り着いたのですが、その後の挙動がうまくいかずという状況です。

使っているツールのバージョンなど補足情報
WINDOWS 10
ADOBE ACROBAT DC バージョン2021.001.20145

Comments

[退会済みユーザー]

ifブロックなどは記号[]じゃなく{}だと思いますが、これで動くのですか？

[Shgk_lv0]

ご指摘ありがとうございます。
[]ではなく{}でした。
宜しくお願い致します。

Answer 1

JavaScriptからチェックボックスを操作する上で、
チェックボックスのOn/Offを取得するには、
valueを見るのではなく、
checkedを見るようにします。

HTMLInputElement - Web API | MDN
JavaScript | チェックボックスの値をJavaScriptを使って取得・設定する

Comments

[Shgk_lv0]

ありがとうございます。
色々と調べながら進めているので、理解不足がある場合はご容赦ください。

HTMLでチェックボックスを設置した場合はcheckedを見るようにするとの認識はあるのですが、PDFでチェックボックスを設置し、JavaScriptでテキストフィールドに制御を掛ける場合はvalueを見ないと制御が掛けれない認識ですがいかがでしょうか。