Как добавить текст с checkbox в textarea?

01.04.2012, 12:51. **Показов** 5598. **Ответов** 3

Студворк — интернет-сервис помощи студентам

Есть такая задача:

У нас есть 3 checkbox и один textarea. При каждой выделении checkbox надо добавить текст(value) в textarea с помощю javascript. При этом текс должен быть UTF-8.
Примерно так:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
<form name="numbers">
<input type="checkbox" name="group" value="Один" onclick="checkboxClicked()"/> Один
<input type="checkbox" name="group" value="Два" onclick="checkboxClicked()"/> Два
<input type="checkbox" name="group" value="Три" onclick="checkboxClicked()"/> Три
 
<textarea  name="text" readonly="yes">Text Area</textarea>
</form>
 
<script type="text/javascript">
function checkboxClicked(){
...
}
 
</html>

Что можете посоветовать? Есть ли более легкое(может быть jQuery) решение этой задачи?

@Prividenie · 02.04.2012, 18:34

1) сделать изменения атрибута:

JavaScript
1
onclick="checkboxClicked(this)"

2) ф-я:

JavaScript
1
2
3
4
5
6
7
8
function checkboxClicked(e){
    if(e.checked)
        document.forms.numbers.text.value += "\n" + e.value;
    else {
        var p = new RegExp("\n" + e.value)
        document.forms.numbers.text.value = document.forms.numbers.text.value.replace(p, "");
    }
}

писалось в firefox

@Alex_pac · 03.04.2012, 16:11

JavaScript
1
2
3
4
5
6
7
$('input[name="group"]').click(function(){
    var t = [];
    $('input[name="group"]:checked').each(function(){
        t.push($(this).val());
    });
    $('textarea[name="text"]').val(t.join(', '));
});

@rafaello · 24.10.2012, 21:43

Alex_pac !
Ваше решение отлично сработало!
Но у меня немного другая задача.

Необходимо checkbox вывести во всплывающем окне. А это означает, что checkbox и textarea будут находиться на разных страницах. При этом, после того, как отмечается нужный checkbox, модальное окно закрывается ( по возможности), а value checkbox должно оказаться в textarea.

Можете что либо посоветовать по этому поводу!

Новые блоги и статьи Все статьи Все блоги /
Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/

@rafaello 2 / 2 / 0 Регистрация: 17.08.2012 Сообщений: 121
	24.10.2012, 21:43
	Alex_pac ! Ваше решение отлично сработало! Но у меня немного другая задача. Необходимо checkbox вывести во всплывающем окне. А это означает, что checkbox и textarea будут находиться на разных страницах. При этом, после того, как отмечается нужный checkbox, модальное окно закрывается ( по возможности), а value checkbox должно оказаться в textarea. Можете что либо посоветовать по этому поводу! 0