Использование нескольких флажков, все сделано с помощью функции JavaScript, с Javascript - PullRequest
0 голосов
/ 08 марта 2019

Функция использует результаты Google Maps API для создания списка мест (отелей и т. Д.), Кроме каждого из них есть флажок:

if(place['rating']) {
    LocationName = place['name'];
    LocationString += `<div class="input-group" id="Location-checkbox-${[i]}">
                                <span value=${[i]} class="input-group-addon">
                                    <input type="checkbox" name="choice" 
    id="checkboxes" aria-label="..." onclick="chooseSelection(${[i]})">
                                </span>
                                <li id="Location-${[i]}" class="list-group- 
    item"><strong id="locationName-${[i]}">${LocationName}</strong><br>`;
if(place['rating']) {
    var LocationRating = place['rating'];
    LocationString += `rating: <span 
    id="locationRating-${[i]}">${LocationRating}</span><br>`;
    } else {
    var LocationRating = 'This place has no rating';
    LocationString += LocationRating;
    }

    if(place['user_ratings_total']) {
        var LocationUsers = place['user_ratings_total'];
        LocationString += `based on ${LocationUsers} reviews</li></div>`;
        } else {
        var LocationUsers = '</li></div>';
        LocationString += LocationUsers;
        }

        htmlString += LocationString;

Затем мне нужно добавить те, которые пользователь выбирает ввременный массив:

var temporarySelection = "";
var placeSelection = "";
var hotelSelection = "";
var restaurantSelections = "";
var sightSelections = "";

function chooseSelection(resultIndex) {

    var locationName = document.getElementById('locationName-' + resultIndex);

    temporarySelection += `<div class="input-group" id="Hotel-chosen">
                               <li class="list-group-item"> 
                           <strong>${locationName.innerHTML}</strong><br>`;

    var locationRating = document.getElementById('locationRating-' + 
    resultIndex);

    temporarySelection += `rating: ${locationRating.innerHTML}</li></div>`

}

Наконец, мне нужно переместить временный выбор в ДРУГОЙ массив.

Моя проблема в том, что на данный момент флажкипросто работает как кнопки.Каждый раз, когда вы щелкаете по нему, он просто добавляет еще один в массив.Я хочу добавить в массив только те, которые отмечены при нажатии кнопки «Далее» (не показано в коде).

Любой совет?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...