Добавление input в textarea с проверкой

@ramzes94 · Регистрация: 09.06.2015

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

Здравствуйте.

Интересует функция на js или jquery

Будут два input с типами
1. type="checkbox"
2. type="text"

Сделать проверку, если type="checkbox" отмечен, то поле type="text" выделяется (border:1px solid #ff0000) и является обязательным для заполнения.

Если же type="checkbox" не отмечен, то нечего не происходит

При успешном выполнении скрипта, оба поля добавляется в textarea

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
    <head>
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript">
        //Что сюда пишем?
        </script>
    </head>
    <body>
        <div class="input">
            <input type="checkbox">checkbox
            <input type="text" value="text"><br>
            <textarea></textarea>
        </div>
    </body>
</html>

@kalabuni · 14.10.2016, 06:11

textarea буквально переводится как "текстовая область", т.е. внутри него может быть только текст

вы же написали, что желаете внутрь textarea поместить два HTML-тега <input> ("оба поля добавляется в textarea") -- а это невозможно по определению
или вы грубо ошиблись и вашу задачу следует читать как " значения value обоих полей добавляются в textarea" -- вот эту задачу решить легко, только вам следует дополнительно указать:
1) в какое именно "место" относительно уже имеющегося текста в textarea эти значения инпутов следует добавить -- перед имеющимся текстом или после него?
2) как отделить значения двух полей <input> друг от друга и от уже имеющегося текста -- пробелами, табуляцией, пустыми строками или ещё как-то?

@ramzes94 · 14.10.2016, 07:12 **[ТС]**

Да, извиняюсь забыл отметить что value

textarea будет пустой и скрытый (display:none), при клике на checkbox, требуется так же заполнить текстовый input, после его заполнение значение value обоих input добавляется в textarea.

Соответственно если отметку снова убрать то значение value удаляется с textarea.

input будет более 20 в строку, то есть:

<input type="checkbox" value="1">checkbox <input type="text" value="1"><br>
<input type="checkbox" value="2">checkbox <input type="text" value="2"><br>
<input type="checkbox" value="3">checkbox <input type="text" value="3"><br> и т.д

@kalabuni · 14.10.2016, 07:22

ramzes94,

Сообщение от ramzes94

Да, извиняюсь забыл отметить что value

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

кстати, в вашем HTML-коде никакого значения value для чекбокса не прописано - нам его самим придумывать?
или же вы ошибочно полагаете, что наличие/отсутствие галочки на чекбоксе как-то меняет значение его свойства value? (а это совсем не так)

@ramzes94 · 14.10.2016, 07:32 **[ТС]**

После имеющимся текста и отделялись чтобы через пробел.

Нет значение Вы правильно поняли будет одно, которое будет содержаться value в checkbox, и текст, который будет указан в текстовом input заполненный пользователем.

Для теста value можете сами придумать, а мы потом сами изменим на нужное

@ramzes94 · 14.10.2016, 08:16 **[ТС]**

Вот образец начертил)

Новые блоги и статьи Все статьи Все блоги /
Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита табличной части. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	14.10.2016, 06:11
	textarea буквально переводится как "текстовая область", т.е. внутри него может быть только текст вы же написали, что желаете внутрь textarea поместить два HTML-тега <input> ("оба поля добавляется в textarea") -- а это невозможно по определению или вы грубо ошиблись и вашу задачу следует читать как " значения value обоих полей добавляются в textarea" -- вот эту задачу решить легко, только вам следует дополнительно указать: 1) в какое именно "место" относительно уже имеющегося текста в textarea эти значения инпутов следует добавить -- перед имеющимся текстом или после него? 2) как отделить значения двух полей <input> друг от друга и от уже имеющегося текста -- пробелами, табуляцией, пустыми строками или ещё как-то? 1

@ramzes94 0 / 0 / 0 Регистрация: 09.06.2015 Сообщений: 7
	14.10.2016, 07:12 [ТС]
	Да, извиняюсь забыл отметить что value textarea будет пустой и скрытый (display:none), при клике на checkbox, требуется так же заполнить текстовый input, после его заполнение значение value обоих input добавляется в textarea. Соответственно если отметку снова убрать то значение value удаляется с textarea. input будет более 20 в строку, то есть: <input type="checkbox" value="1">checkbox <input type="text" value="1"><br> <input type="checkbox" value="2">checkbox <input type="text" value="2"><br> <input type="checkbox" value="3">checkbox <input type="text" value="3"><br> и т.д 0

@ramzes94 0 / 0 / 0 Регистрация: 09.06.2015 Сообщений: 7
	14.10.2016, 07:32 [ТС]
	После имеющимся текста и отделялись чтобы через пробел. Нет значение Вы правильно поняли будет одно, которое будет содержаться value в checkbox, и текст, который будет указан в текстовом input заполненный пользователем. Для теста value можете сами придумать, а мы потом сами изменим на нужное 0

@ramzes94 0 / 0 / 0 Регистрация: 09.06.2015 Сообщений: 7
	14.10.2016, 08:16 [ТС]
	Вот образец начертил) Миниатюры 0