JS способ включить / отключить JQ-Chosen select

Question

Таким образом, у меня есть эта дилемма отключения оператора select с ui-jq="chosen" в качестве внешнего интерфейса.Хотя это часть проекта Laravel, надеюсь, кто-то может помочь мне решить эту проблему только с помощью JS.

При использовании флажка для включения / выключения оператора выбора, который находится под chosen, атрибут disabled нене работать с ним.

<input type="checkbox" name="checkerBox" id="checker" @if ($leave->onProject) checked @endif onclick="selectHider()">

<select name="leave_id" ui-jq="chosen" class="w-full" id="selection"> //options snipped <select>

затем для JS-скрипта ниже

function selectHider() {
      var checkBox = document.getElementById("checkerBox");

      if (checkBox.checked == true){
        document.getElementById("selection").disabled = false;
      } else {
        document.getElementById("selection").disabled = true;
      }
    }

Answer 1

Попробуйте это:

function selectHider() {
      var checkBox = document.getElementById("checkerBox");
      //You can set disable default here, depend on your logic
      document.getElementById("selection").setAttribute("disabled", "disabled");

      if (checkBox.checked == true){
        document.getElementById("selection").removeAttribute("disabled");
      } 
}