При нажатии на кнопку скопировать текст из выбранных чекбоксов в другое окно?

Question

[Lex Fox]

Добрый день.
При нажатии на кнопку скопировать текст из выбранных чекбоксов в другое окно.
То есть когда человек ставит галочки, к примеру, на выбранные товары, нажимает на кнопку и выбранные товары копируются в другое большое окно.
Как это реализовать? Очень важно.

<input id="iq_form_blank18343301" type = "checkbox" value = "Значение1">Значение1
<input id="iq_form_blank18343302" type = "checkbox" value = "Значение2">Значение2
<input id="iq_form_blank18343303" type = "checkbox" value = "Значение3">Значение3
<input id="iq_form_blank18343301_send" type = "button" value = "Отправить">
<input id="question_text_value"type = "text" value = "">
<input id="iq_form_blank18343301_email" type = "button" value = "Отправить на почту">

#question_text_value {
  height: 100px;
}

document.getElementById("iq_form_blank18343301_send").addEventListener("click", function() {
    document.getElementById("question_text_value").value = document.getElementById("iq_form_blank18343301").value;
}, false);

Заранее спасибо!

Comments

[Шохрух Шаймардонов]

То есть когда человек ставит галочки, к примеру, на выбранные товары, нажимает на кнопку и выбранные товары копируются в другое большое окно.

Нарисуйте что у вас должно получиться. Не понимаю чего вы хотите добиться.
Скопировать массив выбранных элементов? или в новом окне отфильтровать только выбранные элементы?

[Lex Fox]

Что-то типо этого. То есть есть список товаров, например, 20 пунктов. Человек выбирает нужные, там 10. И эти выбранные 10 товаров должны вывестись в окно при нажатии на кнопку "Отправить"

Потом он жмет "Отправить на почту" и эти товары уходят на почту.

Answer 1

[applecode]

https://jsfiddle.net/2yjodm6g/14/

Если инпут большой, то лучше использовать textarea
А так, простой перебор инпутов в массиве и проверка атрибута checked
Для удобства поменял названия id, ну там понятно думаю

Comments

[Lex Fox]

Спасибо, добрый человек! Помогло. То что надо.))

[Lex Fox]

А можно обратиться к textarea не объявляя ему id? То есть обратиться без id в js

[applecode]

Lex Fox, да
К элементам можно обращаться по классу, id, по имени тега, и еще несколько способов
Если надо последнее то вот функция getElementsByTagName()
(обратите внимание на s на конце. То есть функция возвратит не сам элемент, а список элементов. даже если в нем один элемент)
Более подробно про методы обращение к элементам есть здесь https://learn.javascript.ru/searching-elements-dom

[Lex Fox]

applecode, Спасибо! Буду экспериментировать)