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 :: checkbox + js

 PHP.SU

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


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

> Без описания
Поиск в теме | Версия для печати
maragon
Отправлено: 27 Июля, 2012 - 02:14:36
Post Id



Посетитель


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


Помог: 2 раз(а)
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. <html>
  3. <head>
  4. <script type="text/javascript">
  5. function action_cx()
  6. {
  7.  if(document.getElementById("checkbox").checked == true) {
  8.     document.getElementById("checkboxOn").style.display = "inline";
  9.     document.getElementById("checkboxOff").style.display = "none";
  10.  } else {
  11.     document.getElementById("checkboxOn").style.display = "none";
  12.     document.getElementById("checkboxOff").style.display = "inline";
  13.              
  14.  }
  15.      
  16. }
  17. </script>
  18.         <title>checkbox</title>
  19. </head>
  20.  
  21. <body>
  22.  
  23. <form>
  24. <input type="checkbox" id="checkbox" onClick="action_cx()" />
  25. <div id="checkboxOn" style="display:none;">Вы нажали на checkbox</div>
  26. <div id="checkboxOff">Нажмите на checkbox</div>
  27. </form>
  28.  
  29. </body>
  30. </html
  31.  

Пример работает для 1 checkbox'a в цикле, как прикрутит сюды:

php цикл:
<input type='checkbox'>
конец цикла;

А то у меня при нажатии первого из 5ти чексов - функция работает, дальше история умалчивает.


-----
https://vk[dot]com/tvoycase_ru - Твой чехол со своим дизайном
 
 Top
Viper
Отправлено: 27 Июля, 2012 - 05:32:45
Post Id



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


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


Помог: 98 раз(а)
Дальше история такая. id должен быть уникален. У вас же, судя по всему, он один на все стадо чекбоксов.


-----
Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com
Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе
 
 Top
maragon
Отправлено: 27 Июля, 2012 - 15:46:20
Post Id



Посетитель


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


Помог: 2 раз(а)
Т.е в цикле for($i = 0; ... $i++) подставить $i в код выше?
А какой ид менять? не силен в js. Хм


-----
https://vk[dot]com/tvoycase_ru - Твой чехол со своим дизайном
 
 Top
tuareg
Отправлено: 27 Июля, 2012 - 15:53:34
Post Id


Участник


Покинул форум
Сообщений всего: 1234
Дата рег-ции: Июнь 2010  


Помог: 69 раз(а)
Тут дело не в js. Viper тонко так намекнул Радость , что Вам необходимо почитать по верстку. а именно о том что на странице не должно быть элементов с одинаковым id. Типа
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <span id="first">fff</span>
  3. <span id="first">ggg</span>
  4.  
 
 Top
maragon
Отправлено: 27 Июля, 2012 - 16:00:48
Post Id



Посетитель


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


Помог: 2 раз(а)
PHP:
скопировать код в буфер обмена
  1.         for($i = 0; $i < "15"; $i++){
  2.         echo "<script type='text/javascript'>
  3.         function action_checkbox()
  4.         {
  5.          if(document.getElementById('checkbox').checked == true) {
  6.          document.getElementById('checkboxOn".$i."').style.display = 'inline';
  7.         } else {
  8.         document.getElementById('checkboxOn".$i."').style.display = 'none';
  9.         }  
  10.         }
  11.         </script>
  12.         <form>
  13.         <input type='checkbox' id='checkbox' onClick='action_checkbox()' />
  14.         <div id='checkboxOn".$i."' style='display:none;'>
  15.         <input type='submit' value='Удалить выделенные дилоги'>
  16.         </div>
  17.         </form>";
  18. }

Что-то типо этого? но увы, не работает.


-----
https://vk[dot]com/tvoycase_ru - Твой чехол со своим дизайном
 
 Top
LIME
Отправлено: 27 Июля, 2012 - 16:07:28
Post Id


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


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


Помог: 322 раз(а)
это коллосально
я впечатлен

maragon открываешь исходник страницы и ctrl-F5 по слову id='checkbox'
 
 Top
tuareg
Отправлено: 27 Июля, 2012 - 16:08:46
Post Id


Участник


Покинул форум
Сообщений всего: 1234
Дата рег-ции: Июнь 2010  


Помог: 69 раз(а)
что-то типа такого
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. function action_cx(el)
  3. {
  4.  if(el.checked == true) {
  5.     el.style.display = "inline";
  6.     el.style.display = "none";
  7.  } else {
  8.     el.style.display = "none";
  9.     el.style.display = "inline";
  10.              
  11.  }
  12. }
  13.  

php
PHP:
скопировать код в буфер обмена
  1.  
  2. for($i = 0; $i < "15"; $i++){
  3.         echo "<form>
  4.        <input type='checkbox' class='checkbox' onClick='action_checkbox(this)' />
  5.        <div id='checkboxOn".$i."' style='display:none;'>
  6.        <input type='submit' value='Удалить выделенные дилоги'>
  7.        </div>
  8.        </form>";
  9.  
 
 Top
maragon
Отправлено: 27 Июля, 2012 - 16:11:14
Post Id



Посетитель


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


Помог: 2 раз(а)
LIME пишет:
это коллосально
я впечатлен

maragon открываешь исходник страницы и ctrl-F5 по слову id='checkbox'

Мне от этого лучше не станет Улыбка


-----
https://vk[dot]com/tvoycase_ru - Твой чехол со своим дизайном
 
 Top
LIME
Отправлено: 27 Июля, 2012 - 16:11:32
Post Id


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


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


Помог: 322 раз(а)
tuareg эдак чекбокс себя спрячет и все))
больше не появится))
(Добавление)
maragon ты попробуй...вдруг станет
 
 Top
tuareg
Отправлено: 27 Июля, 2012 - 16:13:28
Post Id


Участник


Покинул форум
Сообщений всего: 1234
Дата рег-ции: Июнь 2010  


Помог: 69 раз(а)
LIME пишет:
tuareg эдак чекбокс себя спрячет и все))
больше не появится))

За что купил, за то и продаю Улыбка

(Отредактировано автором: 27 Июля, 2012 - 16:13:46)

 
 Top
maragon
Отправлено: 27 Июля, 2012 - 16:14:37
Post Id



Посетитель


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


Помог: 2 раз(а)
Радость на рынке брал походу.
Посоны, ну допоможить!


-----
https://vk[dot]com/tvoycase_ru - Твой чехол со своим дизайном
 
 Top
LIME
Отправлено: 27 Июля, 2012 - 16:23:06
Post Id


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


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


Помог: 322 раз(а)
PHP:
скопировать код в буфер обмена
  1.  echo "<script type='text/javascript'>
  2.        function action_checkbox(var)
  3.        {
  4.         if(document.getElementById('checkbox'+var).checked == true) {
  5.         document.getElementById('checkboxOn'+var').style.display = 'inline';
  6.        } else {
  7.        document.getElementById('checkboxOn'+var).style.display = 'none';
  8.        }  
  9.        }
  10. </script>";    
  11. for($i = 0; $i < 15; $i++){    
  12.   echo "      
  13.        <form>
  14.        <input type='checkbox' id='checkbox".$i."' onClick='action_checkbox(".$i.")' />
  15.        <div id='checkboxOn".$i."' style='display:none;'>
  16.        <input type='submit' value='Удалить выделенные дилоги'>
  17.        </div>
  18.        </form>";
  19. }
вот

(Отредактировано автором: 27 Июля, 2012 - 16:27:12)

 
 Top
maragon
Отправлено: 27 Июля, 2012 - 16:27:14
Post Id



Посетитель


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


Помог: 2 раз(а)
Ты от руки? не проверял? у меня молчит.. может чего упустил? Однако


-----
https://vk[dot]com/tvoycase_ru - Твой чехол со своим дизайном
 
 Top
LIME
Отправлено: 27 Июля, 2012 - 16:33:12
Post Id


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


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


Помог: 322 раз(а)
да...тут строчил...вот
PHP:
скопировать код в буфер обмена
  1. <?
  2.  echo "<script type='text/javascript'>
  3.       function action_checkbox(v)
  4.       {
  5.        if(document.getElementById('checkbox'+v).checked == true) {
  6.        document.getElementById('checkboxOn'+v).style.display = 'inline';
  7.       } else {
  8.       document.getElementById('checkboxOn'+v).style.display = 'none';
  9.       }  
  10.       }
  11. </script>";    
  12. for($i = 0; $i < 15; $i++){    
  13.   echo "      
  14.       <form>
  15.       <input type='checkbox' id='checkbox".$i."' onClick='action_checkbox(".$i.")' />
  16.       <div id='checkboxOn".$i."' style='display:none;'>
  17.       <input type='submit' value='Удалить выделенные дилоги'>
  18.       </div>
  19.       </form>";
  20. }

(Добавление)
хотя тут лучше передавать ссылку на объект как выше показывали но стиль менять всеже у nextSibling ))
ну да работает и ладно)
(Добавление)
el.style.display => el.nextSibling.style.display

(Отредактировано автором: 27 Июля, 2012 - 16:41:58)

 
 Top
maragon
Отправлено: 27 Июля, 2012 - 16:55:18
Post Id



Посетитель


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


Помог: 2 раз(а)
PHP:
скопировать код в буфер обмена
  1.  
  2. echo "<script type='text/javascript'>
  3.      function action_checkbox(v)
  4.      {
  5.       if(document.getElementById('checkbox'+v).checked == true) {
  6.       document.getElementById('checkboxOn').style.display = 'inline';
  7.      } else {
  8.      document.getElementById('checkboxOn').style.display = 'none';
  9.      }  
  10.      }
  11. </script>";    
  12. for($i = 0; $i < 15; $i++){    
  13.   echo "      
  14.      <form>
  15.      <input type='checkbox' id='checkbox".$i."' onClick='action_checkbox(".$i.")' />
  16.      <div id='checkboxOn' style='display:none;'>
  17.      <input type='submit' value='Удалить выделенные дилоги'>
  18.      </div>
  19.      </form>";
  20. }
  21.  

Чуть чуть поправил под себя, но..
выделяю 5 чеков - вылазит кнопка, убираю из этих пяти один чек, кнопка убирается.
А хотелось бы, чтобы выделил 5, вылезло, убрал 5 чеков - ушла кнопка.
По типу тогоже ВК чтоли.. выбрал нужно - вылезла кнопень, убрал галки, убралась и кнопенька.


-----
https://vk[dot]com/tvoycase_ru - Твой чехол со своим дизайном
 
 Top
Поиск в теме | Версия для печати
Страниц (2): [1] 2 »
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« Напишите за меня, пожалуйста »


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



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

 
Powered by ExBB FM 1.0 RC1. InvisionExBB