Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Запись значений чекбоксов в текстареа

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (2): [1] 2 »   

> Без описания
Поиск в теме | Версия для печати
alsio
Отправлено: 04 Января, 2013 - 09:06:15
Post Id


Гость


Покинул форум
Сообщений всего: 87
Дата рег-ции: Дек. 2012  


Помог: 0 раз(а)

[+]
Имеем форму, типа:
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <input type="checkbox" name="1" value="1">1<br>
  3. <input type="checkbox" name="2" value="2">2<br>
  4. <input type="checkbox" name="3" value="3">3<br>
  5. <textarea rows="10" cols="45" name="text"></textarea>
  6.  


Можно ли сделать, чтобы в поле textarea писались значения чекбоксов. Например, выбраны все чекбоксы - в текстареа "1, 2, 3" ?!

(Отредактировано автором: 04 Января, 2013 - 09:06:47)

 
 Top
DelphinPRO
Отправлено: 04 Января, 2013 - 09:44:06
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
ну самое простое (на jquery):
http://jsfiddle[dot]net/DelphinPRO/p2xW6/

CODE (javascript):
скопировать код в буфер обмена
  1. $('input[type=checkbox]').change(function(){
  2.     var s = [];
  3.     $('input[type=checkbox]:checked').each(function(i,e){
  4.         s.push($(e).val());
  5.     });
  6.     $('textarea').val(s.join());
  7. });


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
alsio
Отправлено: 04 Января, 2013 - 10:01:26
Post Id


Гость


Покинул форум
Сообщений всего: 87
Дата рег-ции: Дек. 2012  


Помог: 0 раз(а)

[+]
DelphinPRO пишет:
ну самое простое (на jquery):


Очень похоже, спасибо!!!

Можно ли доделать:
+ чтобы был пробел после запятой в перечислении.
+ добавить привязку чекбоксов к текстареа (если таких блоков несколько на странице).
+ если от руки дописываешь что-то, а потом добавляешь галку, рукопись стирается Огорчение .

Подсказали то же самое (чуть изменен код)
CODE (javascript):
скопировать код в буфер обмена
  1. $(document).ready(function(){
  2.     var $t = $('textarea');
  3.     $('input:checkbox').click(function(){
  4.         var text = '';
  5.         $('input:checkbox:checked').each(function(ind){
  6.             text += ((ind==0)? '' : ', ') +this.value;
  7.         });
  8.         $t.val(text);
  9.     });
  10. });


отпал вопрос с пробелом после запятой. Остальные остались.

(Отредактировано автором: 04 Января, 2013 - 10:24:49)

 
 Top
DelphinPRO
Отправлено: 04 Января, 2013 - 10:20:15
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
alsio пишет:
Можно ли доделать, чтобы был пробел после запятой в перечислении

s.join(', ')
alsio пишет:
И, если от руки дописываешь что-то, а потом добавляешь галку, рукопись стирается
ну вот, как на фрилансе - сделаешь человеку все как он просил, а потом начинается: "а вот тут это поменяйте, тут это" Улыбка
(Добавление)
alsio пишет:
+ добавить привязку чекбоксов к текстареа (если таких блоков несколько на странице).

оберните в блок и обращение через селектор этого блока

CODE (html):
скопировать код в буфер обмена
  1. <div class="block">
  2.   <input type="checkbox" name="1" value="1">1<br>
  3.   <input type="checkbox" name="2" value="2">2<br>
  4.   <input type="checkbox" name="3" value="3">3<br>
  5.   <textarea rows="10" cols="45" name="text"></textarea>
  6. </div>
  7. <div class="block">
  8.   <input type="checkbox" name="12" value="1">1<br>
  9.   <input type="checkbox" name="22" value="2">2<br>
  10.   <input type="checkbox" name="32" value="3">3<br>
  11.   <textarea rows="10" cols="45" name="text2"></textarea>
  12. </div>


CODE (javascript):
скопировать код в буфер обмена
  1. $('.block input[type=checkbox]').change(function(){
  2.     var s = [];
  3.     var parent = $(this).closest('.block');
  4.     parent.find('input[type=checkbox]:checked').each(function(i,e){
  5.         s.push($(e).val());
  6.     });
  7.     parent.find('textarea').val(s.join(', '));
  8. });


пример http://jsfiddle[dot]net/DelphinPRO/p2xW6/2/

(Отредактировано автором: 04 Января, 2013 - 10:30:55)



-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
alsio
Отправлено: 04 Января, 2013 - 10:28:29
Post Id


Гость


Покинул форум
Сообщений всего: 87
Дата рег-ции: Дек. 2012  


Помог: 0 раз(а)

[+]
DelphinPRO пишет:
ну вот, как на фрилансе - сделаешь человеку все как он просил, а потом начинается: "а вот тут это поменяйте, тут это"


Аппетит приходит во время еды Улыбка

Остались более важные вопросы:
+ добавить привязку чекбоксов к текстареа (если таких блоков несколько на странице).
+ если от руки дописываешь что-то, а потом добавляешь галку, рукопись стирается Огорчение .

первый более актуален.
(Добавление)
Огромное спасибо за помощь еще раз!

Как вы могли догадаться, я в js, jquery не бум-бум. Как правильно подключить все это? Т.е. вышеуказанный код должен быть в head с подключенным jquery:

CODE (html):
скопировать код в буфер обмена
  1.  
  2. <head>
  3. <script src="calendar/jquery-1.8.3.js"></script>
  4. <script type='text/javascript'>
  5. $('.block input[type=checkbox]').change(function(){
  6.     var s = [];
  7.     var parent = $(this).closest('.block');
  8.     parent.find('input[type=checkbox]:checked').each(function(i,e){
  9.         s.push($(e).val());
  10.     });
  11.     parent.find('textarea').val(s.join(', '));
  12. });
  13. </script>
  14.  
  15. </head>
  16.  


У меня с jquery еще datepicker работает. Так правильно? (что-то не работает...)
 
 Top
DelphinPRO
Отправлено: 04 Января, 2013 - 11:12:15
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
CODE (html):
скопировать код в буфер обмена
  1. <head>
  2.  
  3. <script src="calendar/jquery-1.8.3.js"></script>
  4. <script type='text/javascript'>
  5. $(document).ready(function(){
  6.  
  7. $('.block input[type=checkbox]').change(function(){
  8.     var s = [];
  9.     var parent = $(this).closest('.block');
  10.     parent.find('input[type=checkbox]:checked').each(function(i,e){
  11.         s.push($(e).val());
  12.     });
  13.     parent.find('textarea').val(s.join(', '));
  14. });
  15.  
  16. });
  17. </script>
  18. </head>

(Отредактировано автором: 04 Января, 2013 - 11:12:32)



-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
alsio
Отправлено: 04 Января, 2013 - 11:56:37
Post Id


Гость


Покинул форум
Сообщений всего: 87
Дата рег-ции: Дек. 2012  


Помог: 0 раз(а)

[+]
Чего то не хочет работать.

На всякий, взял jquery с google.

CODE (php):
скопировать код в буфер обмена
  1. <script src=\"//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js\"></script>
  2.  


Если вставлять сам скрипт (ваш) и мой html на сайт http://jsfiddle[dot]net - работает. ?! Не понял

Может из-за того, что у меня весь html в php запихан?
 
 Top
DelphinPRO
Отправлено: 04 Января, 2013 - 12:04:25
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
alsio пишет:
Может из-за того, что у меня весь html в php запихан?

может что и напутали с кавычками. зачем вообще пихать html в php?
закройте тег ?> напишите нормальный html и снова откройте тег <?php если нужно дальше писать php-код

CODE (htmlphp):
скопировать код в буфер обмена
  1. <?php
  2. // php-код
  3. ?>
  4. <!-- html код -->
  5. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  6. <?php
  7. // снова php-код
  8. ?>

гораздо читабельнее, подсвечивается синтаксис обоих языков (в нормальном редакторе) и нет путаницы с экранированием кавычек.


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
alsio
Отправлено: 04 Января, 2013 - 16:18:05
Post Id


Гость


Покинул форум
Сообщений всего: 87
Дата рег-ции: Дек. 2012  


Помог: 0 раз(а)

[+]
Нашел, что если форму заключить в таблицу - не работает. Как только появляется открывающий тэг <table> всё - перестает работать. И на http://jsfiddle[dot]net тоже.

Как решить проблему - пока не нашел.

(Отредактировано автором: 04 Января, 2013 - 16:19:30)

 
 Top
armancho7777777 Супермодератор
Отправлено: 04 Января, 2013 - 16:24:32
Post Id



Активный участник


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


Помог: 221 раз(а)
alsio пишет:
Нашел, что если форму заключить в таблицу - не работает.

Ошибаетесь.
 
 Top
alsio
Отправлено: 04 Января, 2013 - 16:26:18
Post Id


Гость


Покинул форум
Сообщений всего: 87
Дата рег-ции: Дек. 2012  


Помог: 0 раз(а)

[+]
armancho7777777 пишет:
Ошибаетесь


Вот пример:
http://jsfiddle[dot]net/p2xW6/19/

По умолчанию - не работает. Если убрать из кода тэг <table> - начинает работать. Чудеса!

(Отредактировано автором: 04 Января, 2013 - 16:36:17)

 
 Top
IllusionMH
Отправлено: 04 Января, 2013 - 16:53:51
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
alsio, а вы хоть знаете какие элементы могут быть потомками элемента tr?
Загляните в любой инспектор кода - блоки div выносятся из таблицы, т.к. они не могут быть потомками tr
 
 Top
alsio
Отправлено: 04 Января, 2013 - 17:04:52
Post Id


Гость


Покинул форум
Сообщений всего: 87
Дата рег-ции: Дек. 2012  


Помог: 0 раз(а)

[+]
IllusionMH пишет:
alsio, а вы хоть знаете какие элементы могут быть потомками элемента tr?
Загляните в любой инспектор кода - блоки div выносятся из таблицы, т.к. они не могут быть потомками tr


Ну типа понятно. А как сделать то? Можно пример там же исправьте плиз.
 
 Top
IllusionMH
Отправлено: 04 Января, 2013 - 17:07:07
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
alsio, раз уж вы используете таблицы не по назначению, то просто разбейте на 2 таблицы и им присвойте класс block
 
 Top
armancho7777777 Супермодератор
Отправлено: 04 Января, 2013 - 17:08:20
Post Id



Активный участник


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


Помог: 221 раз(а)
Ну, во первых, хотя это к теме и не относится, что за дикая разметка?
CODE (html):
скопировать код в буфер обмена
  1. <table>
  2. <tr>
  3.   <div class="block">
  4.     <td align="right" valign="top">1</td>

Во-вторых, jQ код написан в соответствии с разметкой, приведённой выше DelphinPRO.
 
 Top
Поиск в теме | Версия для печати
Страниц (2): [1] 2 »
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB