Jquery вопрос добавления радио-кнопки - PullRequest
Новая
       12

Jquery вопрос добавления радио-кнопки

0 голосов
/ 28 января 2020

Я работаю с Jquery и переключателями, у меня небольшая проблема.

Это данные, которые я имею для своих переключателей 

data =
{"seats":[
{"id":11,"number":11,"theater":3},
{"id":12,"number":12,"theater":3},
{"id":13,"number":13,"theater":3},
{"id":14,"number":14,"theater":3},
{"id":15,"number":15,"theater":3}
]}

Это моя функция, которая добавляет Ввод метки и радио в пустой div 

for(i = 0; i < data.seats.length; i++){
                    var newData = data.seats;
                    var radioBtn = $('<label for="seat"><input type="radio" name="seat" />'+ newData.number +'</label>');
                    radioBtn.appendTo('#radioSeats');
                    console.log(newData);
                }

Моя проблема в том, что текст метки получает неопределенное значение, а console.log (newData) печатает 5 массивов (5 мест)

1 Ответ

1 голос
/ 28 января 2020

Вам не хватает индекса для доступа к элементу массива.

var newData = data.seats[i]

data =
        {"seats":[
        {"id":11,"number":11,"theater":3},
        {"id":12,"number":12,"theater":3},
        {"id":13,"number":13,"theater":3},
        {"id":14,"number":14,"theater":3},
        {"id":15,"number":15,"theater":3}
        ]};
        
for(i = 0; i < data.seats.length; i++){
                    var newData = data.seats[i];
                    var radioBtn = $('<label for="seat"><input type="radio" name="seat" />'+ newData.number +'</label>');
                    radioBtn.appendTo('#radioSeats');
                    console.log(newData);
                }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="radioSeats">
</div>
...