Как передать значение после JSON.parse?

Question

[Alice]

По нажатию на кнопку вызывается боковая панель, в панели есть кнопка (в которой атрибут "data-answer" задан json'ом ({ "1": "aaa", "2": "bbb", "3": "ccc" })), по нажатию на которую скрывается боковая панель и вызывается попап, в попапе форма, в которую нужно передать текстовое значение json'а, дабы получились варианты ответов (лейблы у радио кнопок), на последнем застряла ;-(

var btnQuestion = $('.js-btnQuestion');
  var popUpPoll = $('#js-popUpPoll');
  var namePoll = $('.js-namePoll');
  var btnQuestionAttr = JSON.parse(btnQuestion.attr('data-answer'));
  var formRadioList = $('#js-formRadioList');
    btnQuestion.on('click', function () {
    namePoll.text(btnQuestion.attr('data-question'));
    popUpPoll.addClass('popUp--active');
    notices.removeClass('notices--active');
    var key = Object.keys(btnQuestionAttr);
    $('').each(key, function (index, value) {
   
    });
  });

Comments

[Eugene Chefranov]

Хорошо бы пример в песочнице, что-то более нагляднее. Пока не совсем понятно. Как я понял в дата атрибутов у вас хранятся варианты ответов из которых надо сделать радиокнопки?

[Alice]

да, все верно)

вот вроде рабочий вариант)) я бы сама не справилась))

var btnQuestion = $('.js-btnQuestion');
  var formRadioList = $('.form__radio-list');
  var popUpPoll = $('#js-popUpPoll');
  var namePoll = $('.js-namePoll');
  var btnQuestionAttr = JSON.parse(btnQuestion.attr('data-answer'));
  function createAnswer(answer){
    return '<label class="form__radio-label  form__radio-label--popUp">' +
        '<input type="radio" name="hobby" value="yes" class="form__radio-input" required data-true>' +
        '<span class="form__radio-mark"></span>' +
        '<span class="form__radio-sign">' + answer + '</span>' +
        '</label>'
  }
  btnQuestion.on('click', function () {
    namePoll.text(btnQuestion.attr('data-question'));
    popUpPoll.addClass('popUp--active');
    notices.removeClass('notices--active');
    var data = $(this).attr('data-answer');
    var answers = JSON.parse(data);

    $.each(answers, function(key, value){
      var answer = createAnswer(value);

      formRadioList.append(answer);
    })
  });

Answer 1

[hzzzzl]

не надо "передавать", рисуй радио-кнопки в еще скрытом попапе, и потом показывай на страницу готовый заполненный попап



UPD
а лучше где-нибудь в скрипте забомбить массив/объект со всеми значениями, и в data-answers у кнопки писать порядковый номер в этом массиве, а то на каждую кнопку писать конкретно значения, это ну такое удовольствие тоже :)