Добавление 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 30.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .	Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .

@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