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'a

 PHP.SU

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


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

> Описание: как верифицировать checkbox? чтобы при нажатии под ним появлялась кнопка
Поиск в теме | Версия для печати
jonmodem
Отправлено: 23 Июня, 2011 - 18:15:35
Post Id



Гость


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


Помог: 0 раз(а)
Задача:
Если checkbox отмечен, то под ним появляется кнопка или то что нужно, если не отмечен, то показывается, то что нам нужно показать если он не отмечен.

Я не знаю как записать условие, примерно это:

PHP:
скопировать код в буфер обмена
  1. <?PHP if checkbox(checked) ?>
  2.   .....
  3. else
  4.   .....
  5. ?>
  6.  


сам написать не смогу, ваша помощь нужна, ставлю "Спасибо!"
 
 Top
Toxa
Отправлено: 23 Июня, 2011 - 21:17:18
Post Id



Посетитель


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


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

[+]
Я так понимаю это надо сделать без обновления страницы?
вот вам пример:
CODE (html):
скопировать код в буфер обмена
  1. <form>
  2. <input type="checkbox" id="checkbox" onckick="action"/>
  3. <div id="checkboxOn" style="display:none;">The checkbox is ON now</div>
  4. <div id="checkboxOff">The checkbox is OFF</div>
  5. </form>

А так же в тег <head> надо вставить следующий код
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. function action()
  3. {
  4.    if(document.getElementById("checkbox").checked = true) {
  5.       document.getElementById("checkboxOn").style.display = "inline";
  6.       document.getElementById("checkboxOff").style.display = "none";
  7.    } else {
  8.       document.getElementById("checkboxOn").style.display = "none";
  9.       document.getElementById("checkboxOff").style.display = "inline";
  10.    }
  11. }
  12.  

Ну а в ХТМЛ в дивы вставляем соответствующий код, который надо или не надо показывать


-----
Удобный сервис для хранения файлов
 
 Top
jonmodem
Отправлено: 24 Июня, 2011 - 12:48:01
Post Id



Гость


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


Помог: 0 раз(а)
Toxa пишет:
Я так понимаю это надо сделать без обновления страницы?
вот вам пример:
CODE (html):
скопировать код в буфер обмена
  1. <form>
  2. <input type="checkbox" id="checkbox" onckick="action"/>
  3. <div id="checkboxOn" style="display:none;">The checkbox is ON now</div>
  4. <div id="checkboxOff">The checkbox is OFF</div>
  5. </form>

А так же в тег <head> надо вставить следующий код
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. function action()
  3. {
  4.    if(document.getElementById("checkbox").checked = true) {
  5.       document.getElementById("checkboxOn").style.display = "inline";
  6.       document.getElementById("checkboxOff").style.display = "none";
  7.    } else {
  8.       document.getElementById("checkboxOn").style.display = "none";
  9.       document.getElementById("checkboxOff").style.display = "inline";
  10.    }
  11. }
  12.  

Ну а в ХТМЛ в дивы вставляем соответствующий код, который надо или не надо показывать



Вы все правильно поняли, вот только не работает

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


При нажатии на checkbox ничего не происходит
 
 Top
siberian
Отправлено: 30 Июня, 2011 - 13:15:28
Post Id



Новичок


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


Помог: 0 раз(а)
jonmodem, вам дали код для примера

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.  


что бы сделать функцию универсальной, посмотрите пожалуйста http://www.weblibrary.biz/javascript/document/hierarchy

(Отредактировано автором: 30 Июня, 2011 - 13:19:05)

 
 Top
jonmodem
Отправлено: 30 Июня, 2011 - 17:58:31
Post Id



Гость


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


Помог: 0 раз(а)
siberian пишет:
jonmodem, вам дали код для примера

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.  


что бы сделать функцию универсальной, посмотрите пожалуйста http://www.weblibrary.biz/javascript/document/hierarchy


Спасибо, заработало, теперь могу идти дальше, это дало мне большой прорыв вперед
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« Напишите за меня, пожалуйста »


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



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

 
Powered by ExBB FM 1.0 RC1. InvisionExBB