Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.04.2012, 08:37
Новичок на форуме
Отправить личное сообщение для prostoUser Посмотреть профиль Найти все сообщения от prostoUser
 
Регистрация: 05.04.2012
Сообщений: 7

function для Checbox
Здравствуйте, прошу помочь в одной проблеме, т.к. JS только-только начинаю учить, существует checkbox и (input)Text. При выделении checbox Text.visible=false;

function visible() {
                if (document.getElementById("Checbox1").checked) {
                 document.getElementById("Text1").style.visibility = "visible"; 
                   }
                else {
                  document.getElementById("Text").style.visibility = "hidden";
               } 
             }


код прекрасно работает. Моя проблема такова: В форме имеются множество Checbox (около 20) и Text (столько же) и просто банально не хотелось плодить код а делать ссылку на одну функцию, например пробовал сделать так, но выдает ошибку:

function visible(Chec, IdText) {
                 if (document.getElementById(Chec).checked) {
                     document.getElementById(IdText).style.visibility = "visible"; 
                 }
                 else {
                         document.getElementById(IdText).style.visibility = "hidden";
                } 
        }


Код:
<input id="Checkbox1" type="checkbox" onclick="visible(this, 'Text1')"/>
Прошу помочь в маленькой задаче....

Последний раз редактировалось prostoUser, 05.04.2012 в 10:39.
Ответить с цитированием
  #2 (permalink)  
Старый 05.04.2012, 14:09
Лаборант :-)
Отправить личное сообщение для Pavel M. Посмотреть профиль Найти все сообщения от Pavel M.
 
Регистрация: 08.11.2011
Сообщений: 806

у вас ошибка была в выделенной строке
<input id="Checkbox1" checked type="checkbox" onclick="visible(this, 'Text1')">
<input type=text id="Text1">
<br>
<input id="Checkbox1" checked type="checkbox" onclick="visible(this, 'Text2')">
<input type=text id="Text2">
<script>
    function visible(Chec, IdText) {
*!*
        if (Chec.checked) {
*/!*
            document.getElementById(IdText).style.visibility = "visible";
        } else {
            document.getElementById(IdText).style.visibility = "hidden";
        }
    }
</script>
Ответить с цитированием
  #3 (permalink)  
Старый 05.04.2012, 14:22
Новичок на форуме
Отправить личное сообщение для prostoUser Посмотреть профиль Найти все сообщения от prostoUser
 
Регистрация: 05.04.2012
Сообщений: 7

Искренне благодарю вас
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
jCart. Не работает ajax для динамически созданных товаров. Whitetown jQuery 2 09.03.2012 08:31
Object.predefinedProperties создает новый объект с назначенными getter'ами/setter'ами devote Ваши сайты и скрипты 13 06.03.2012 21:57
Uncaught TypeError: undefined is not a function VivaLaMax Javascript под браузер 6 17.02.2012 05:04
Имя и параметры для function JinglsOrg Events/DOM/Window 2 03.01.2011 01:03
Кросс-браузерные функции B~Vladi Ваши сайты и скрипты 128 01.09.2009 17:11