チェックボックスと別フィールドの複合判定

いつもお世話になっております。

以下のようなことを実装したいのですが、

お分かりになる方ご教示いただけると幸いです。

条件1:チェックボックスAがオンで且つフィールドBが空欄の時 結果1

条件2:チェックボックスAがオンで且つフィールドBが空欄ではない時 結果2

条件3:チェックボックスAがオフで且つフィールドBが空欄の時 結果3

条件4:チェックボックスAがオンで且つフィールドBが空欄ではない時 結果4

という記述をしたいと思っています。

具体的には下記のコードでチェックボックスと表示させたい結果を

制御していました。

var selector = document.querySelector(“select.pcreator-sheets-select”);
 if (selector) {
 var enableSheet = event.record[“チェックボックスA”].value.length ? “結果1” : “結果2”
 Array.from(selector.options).forEach(function (option) {
if (option.textContent !== enableSheet) option.style.display = “none”;
else selector.value = option.value;
});

ただ要望により、結果のパターンが4パターンになりチェックボックスと

別フィールドの状態を組み合わせて判定しないといけなくなりました。

何卒ご教示いただけると幸いです。

西達彦様

お世話になっております。
トヨクモの江田です。

下記で実装できるかと思います.

var selector = document.querySelector("select.pcreator-sheets-select");
var enableSheet;
if (selector) {
  if(event.record["チェックボックスA"].value.length){
    if(!event.record["フィールドB"].value){
      enableSheet = "結果1";
    }else{
      enableSheet = "結果2";
    }
  }else{
    if(!event.record["フィールドB"].value){
      enableSheet = "結果3";
    }else{
      enableSheet = "結果4";
    }
  }
  Array.from(selector.options).forEach(function (option) {
    if (option.textContent !== enableSheet) option.style.display = "none";
    else selector.value = option.value;
  });
}