Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Как активизировать форму по checkboxy?
 
 автор: Silentium   (11.12.2008 в 17:23)   письмо автору
 
 

Добрый день!
Есть обычная форма...

<form method='POST' action='?page=1.php'>
                             <table border='0' width='50%' bgcolor='#FFFFFF' >
                                 <tr>
                                    <td colspan= '3' width='17%'> <hr /><br />
                                    <p>Форма:</p>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td width='17%'>
                                       <input type='text' name='emaill' size='43' style='border-style: dotted; border-color: #3E8DBD' value=\"Введите Ваш email\" onfocus=\"this.value=''\" />
                                    </td>
                                     <td width='17%'>
                                     <input type='submit' value='Добавить' size='43' name='B1'  style='border-style: dotted; border-color: #3E8DBD' >                                    </td>
                                     </td>
                                  </tr>
                            </table>
                           </form>



Как сделать чтобы при выборе Checkbox она становилась доступной? Т.е. примерно как в лицензиях поступают пока не нажмут на галочку "Я согласен" форма не активизируется???

  Ответить  
 
 автор: mikha   (11.12.2008 в 18:27)   письмо автору
 
   для: Silentium   (11.12.2008 в 17:23)
 

<script type="text/javascript">
function agreeForm(t) {
  if (t.agree.checked) t.submit.disabled = false;
  else t.submit.disabled = true;
}
</script>
<form action="">
  <label for="zzz">Я согласен со всеми условиями
  <input name="agree" type="checkbox" id="zzz" onClick="agreeForm(this.form)" value="">
  </label>
  <br>
  <input type="submit" name="submit" value="Далее" disabled>
</form>

  Ответить  
 
 автор: mikha   (11.12.2008 в 18:42)   письмо автору
 
   для: Silentium   (11.12.2008 в 17:23)
 

<script type="text/javascript">
function agreeForm(t) {
  if (t.agree.checked) t.submit.disabled = false;
  else {
    t.submit.disabled = true;
    document.getElementById('rules').style.display = 'none';
  }
}
function rulesForm() {
  if (document.getElementById('rules').style.display == 'none') document.getElementById('rules').style.display = 'block';
  else document.getElementById('rules').style.display = 'none';
}
</script>
<form action="">
  Читать <a href="#" onClick="rulesForm(); return false;">правила</a><br>
  <div id="rules" style="display:none;">Правила бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла.<br>
    <label for="zzz">Я согласен со всеми условиями
    <input name="agree" type="checkbox" id="zzz" onClick="agreeForm(this.form)" value="">
    </label>
  </div>
  <input type="submit" name="submit" value="Далее" disabled>
</form>

  Ответить  
 
 автор: mikha   (11.12.2008 в 19:16)   письмо автору
 
   для: Silentium   (11.12.2008 в 17:23)
 

<script type="text/javascript">
function doDisplay(id) {
  if (document.getElementById(id).style.display == 'none') document.getElementById(id).style.display = 'block';
  else document.getElementById(id).style.display = 'none';
}
</script>
<div style="border:#99CCFF solid 2px; margin:6px; padding:6px;">Правила бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла.<br>
  <label for="zzz">Я согласен со всеми условиями
  <input name="agree" type="checkbox" id="zzz" onClick="doDisplay('id_form')" value="">
  </label>
</div>
<form id="id_form" action="" style="display:none; border:#99CCFF solid 2px; margin:6px; padding:6px;">
  <input type="submit" name="submit" value="Далее">
</form>

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования