За последние 24 часа нас посетил 42471 программист и 1816 роботов. Сейчас ищут 835 программистов ...

Как вывести одну из частей формы при нажатом checked

Тема в разделе "JavaScript и AJAX", создана пользователем RazerVG, 27 окт 2014.

  1. RazerVG

    RazerVG Активный пользователь

    С нами с:
    5 дек 2013
    Сообщения:
    103
    Симпатии:
    0
    К примеру у нас имеется форма
    Код (Text):
    1.  
    2. <form method="post" action="">
    3.    <p><b>Напечатать файл ?</b></p>
    4.    <p><input type="checkbox" name="option1" value="yes" checked>Печать<Br>
    5.    <input type="file" name="file" id="file"><br>
    6.    <input type="submit" name="submit" value="Submit">
    7. </form>
    Как сделать так чтобы при отметке пользователем checked выводилась возможность загрузки файла?
     
  2. metadon

    metadon Активный пользователь

    С нами с:
    6 фев 2006
    Сообщения:
    779
    Симпатии:
    0
    Добавить форму для загрузки файла и в css присвоить display:none;, а для checkbox установить событие onclick и на javascript для формы загрузки файла в css изменить block или удалить
     
  3. torrius

    torrius Активный пользователь

    С нами с:
    28 июн 2014
    Сообщения:
    35
    Симпатии:
    1
    Код (Text):
    1. <form method="post" action="">
    2.    <p><b>Напечатать файл ?</b></p>
    3.    <label><input type="checkbox" name="option1" value="yes" onclick="document.getElementById('file').disabled = this.checked ? false : true;">Печать</label><Br>
    4.    <input type="file" name="file" id="file" disabled><br>
    5.    <input type="submit" name="submit" value="Submit">
    6. </form>