Создание входного параметра API на основе флажков пользователей

Question

Работал над созданием входного параметра для API на основе отмеченных флажков, чтобы он возвращался с тем, что нам нужно. Тем не менее, мне не нравится мой стиль параметра / или что-то еще, что вводится. URL-адрес, сгенерированный мне обратно, не содержит строк с отмеченными флажками данными.

Вот некоторый код:

var optionSelected = $("#healthLabels").val();
  //console.log(optionSelected);
  var parameter = "";

  for (a = 0; a < optionSelected.length; a++) {
    parameter += "&health=" + optionSelected[a];
    console.log("inside loop for health parameter :" + parameter);
  }



  var queryURL =
    "https://api.edamam.com/search?q=" +
    dish +
    "&app_id=$385e5d34&app_key=${API-KEY}&from=0&to=1&calories=0-" +
    calorieMAX +
    parameter +
    "";

Возвращает объект, но не без параметра поиска, которыйнеобходимо. Я ищу его, чтобы ввести проверяемую строку, а затем вернуть объект, содержащий эту строку.

HTML:

            <div class="form-check"><ul id="healthLabels">
                <li><input type="checkbox" class="form-check-input" id="">
                <label class="form-check-label" for="materialUnchecked">Alcohol-Free</label></li>
                <li><input type="checkbox" class="form-check-input" id="d">
                <label class="form-check-label" for="materialUnchecked">Crustacean-Free</label></li>
                <li><input type="checkbox" class="form-check-input" id="">
                <label class="form-check-label" for="materialUnchecked">Dairy-Free</label></li>
                <li><input type="checkbox" class="form-check-input" id="">
                <label class="form-check-label" for="materialUnchecked">Egg-Free</label></li>
                <li><input type="checkbox" class="form-check-input" id="">
                <label class="form-check-label" for="materialUnchecked">Keto-Friendly</label></li>
                <li><input type="checkbox" class="form-check-input" id="">
                <label class="form-check-label" for="materialUnchecked">Vegetarian</label></li>
                <li><input type="checkbox" class="form-check-input" id="">
                <label class="form-check-label" for="materialUnchecked">Tree-Nut-Free</label></li>
                </ul>
            </div>