За последние 24 часа нас посетили 23073 программиста и 1725 роботов. Сейчас ищет 2061 программист ...

javascript и <input >

Тема в разделе "JavaScript и AJAX", создана пользователем regret, 14 май 2008.

  1. regret

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

    С нами с:
    14 май 2008
    Сообщения:
    33
    Симпатии:
    0
    есть- "checkbox" и "text"
    (type of input)

    нужно, при нажатии на 1 "checkbox" затемныть дргуие нужные по id например..

    функцию может ктото написать, буду очень признателен!
     
  2. Kreker

    Kreker Старожил

    С нами с:
    8 апр 2007
    Сообщения:
    5.433
    Симпатии:
    0
    Так затемнить нужные или не нужные? И причем тут text?
     
  3. regret

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

    С нами с:
    14 май 2008
    Сообщения:
    33
    Симпатии:
    0
    <input name="animated" type="checkbox" id="animated" value="yes">&nbsp;Анимированный GIF
    <input name="comment" type="text" id="comment" size="40" maxlength="255">
    <select style='width: auto;' name='quality'>
    <option>100
    <option>95
    <option>90
    <option selected>85
    <option>80
    <option>75
    <option>70
    <option>65
    <option>60
    <option>55
    <option>50
    </select>

    -------------------------

    нужно если ставить галочку на Анимированный GIF

    другие затемнялись ((( в javascript не силён(
     
  4. NOmeR1

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

    С нами с:
    11 май 2008
    Сообщения:
    97
    Симпатии:
    0
    Вот навскидку:
    HTML:
    1. function add_disable() {
    2.     if(document.forma.animated.checked) {
    3.         document.forma.figna.disabled = true;
    4.         document.forma.figna_2.disabled = true;
    5.     } else {
    6.         document.forma.figna.disabled = false;
    7.         document.forma.figna_2.disabled = false;
    8.     }
    9. }
    10. <form name="forma">
    11. <input name="animated" type="checkbox" value="yes" onclick="add_disable()">&nbsp;Анимированный GIF<br />
    12. <input name="comment" type="text" size="40" maxlength="255"><br />
    13. <select name='quality'>
    14. <option>100
    15. <option>95
    16. <option>90
    17. <option selected>85
    18. <option>80
    19. <option>75
    20. <option>70
    21. <option>65
    22. <option>60
    23. <option>55
    24. <option>50
    25. </select><br />
    26. <input name="figna" type="text"><br />
    27. <input name="figna_2" type="text">
    28. </form>
     
  5. Kreker

    Kreker Старожил

    С нами с:
    8 апр 2007
    Сообщения:
    5.433
    Симпатии:
    0
    [js]function off() {
    document.getElementById("comment").readonly = (document.getElementById("comment").readonly) ? false : true;
    document.getElementById("select").disabled = (document.getElementById("select").disabled) ? false : true;
    }[/js]

    HTML:
    1.  
    2. <input name="animated" type="checkbox" id="animated" value="yes" onClick="off()">&nbsp;Анимированный GIF
    3. <input name="comment" type="text" id="comment" size="40" maxlength="255">
    4. <select style='width: auto;' name='quality' id="select">
    5. .....
    6.  
    UPD:
    NOmeR1
    Опередил, но твой вариант устарел ;)
     
  6. regret

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

    С нами с:
    14 май 2008
    Сообщения:
    33
    Симпатии:
    0
    заюзал второй вариант.. всё рабоает, очень большое спасибо)
     
  7. BS

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

    С нами с:
    10 апр 2008
    Сообщения:
    149
    Симпатии:
    0
    можно еще короче :)

    [js]document.getElementById("comment").readonly = !document.getElementById("comment").readonly[/js]
     
  8. Kreker

    Kreker Старожил

    С нами с:
    8 апр 2007
    Сообщения:
    5.433
    Симпатии:
    0