JQuery $(“.class”).click(); для нескольких элементов работает, но до того, как последние элементы не сохраняют проверенные значения

    setTimeout(function(){
    $(".btn-danger:eq(0)").click();
    setTimeout(function(){
        
         $(".multiselect:eq(0)").click().first();
         setTimeout(function(){   
             $('.checkbox input[type=checkbox]').prop('checked', true).click();
         }, 2000);
         setTimeout(function(){
             $(".multiselect:eq(1)").click().next();
             $('.checkbox input[type=checkbox]').prop('checked', true).click();
         }, 2000);
         setTimeout(function(){
             $(".multiselect:eq(2)").click().next();
             $('.checkbox input[type=checkbox]').prop('checked', true).click();
         }, 2000);
       }, 5000);
     });

Существует множество радиокнопок, текстовых полей и несколько выпадающих списков с флажком. Все в порядке, кроме нескольких выпадающих списков с флажками.
Этот код выбирает все параметры следующим образом:
[выпадающий список][1]

[1]: https://i.stack.imgur.com/SuCXk.jpg
Здесь есть еще 2 выпадающих списка. Код выберите все варианты по порядку. Когда первый в порядке, второй запускается. Но первые значения становятся невыбранными. Когда третий запускается, второй тоже становится невыбранным. Только последний работает корректно.

Как я могу достичь своей цели?