Javascript.RU

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

Изменение стилей radio при активации checkbox
Суть проблемы:
имеется checkbox, если пользователь ставит в поле галку в соседнем контейнере должны появится две кнопки radio.
Код:

<script type="text/javascript">
function myfunc() {
    if (document.form.apname.checked == true) {
						document.getElementById('new').style.display = "block";

							
    } else{
						document.getElementById('new').style.display = "none";

    }
}
</script>

<form id="form" name="form" method="post" action="">
    <div>
        <input type="checkbox" name="apname" id="apCheckDis">
    </div>
    <div>

        <input type="radio" name="atname" id="new" value="0" style="myfunc()">
        <input type="radio" name="atname" id="new" value="1" style="myfunc()">
        </div>

</form>


Помогите разобраться новичку почему не работает и где ошибка?
Ответить с цитированием
  #2 (permalink)  
Старый 04.02.2012, 14:37
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

Сообщение от brigz
style="myfunc()
когда это стиль стал событием?
Ответить с цитированием
  #3 (permalink)  
Старый 04.02.2012, 14:55
Аватар для Раед
''
Отправить личное сообщение для Раед Посмотреть профиль Найти все сообщения от Раед
 
Регистрация: 11.12.2011
Сообщений: 636

<script type="text/javascript">
function myfunc() {
    if (document.form.apname.checked == true) {
                        document.getElementById('new').style.display = "block";
 
                             
    } else{
                        document.getElementById('new').style.display = "none";
 
    }
}
</script>
 
<form id="form" name="form" method="post" action="">
    <div>
        <input type="checkbox" name="apname" id="apCheckDis" onclick="myfunc()">
    </div>
    <div id="new" style="display:none">
 
        <input type="radio" name="atname" value="0">
        <input type="radio" name="atname" value="1">
        </div>
 
</form>

Последний раз редактировалось Раед, 04.02.2012 в 14:58.
Ответить с цитированием
  #4 (permalink)  
Старый 04.02.2012, 17:18
Новичок на форуме
Отправить личное сообщение для brigz Посмотреть профиль Найти все сообщения от brigz
 
Регистрация: 04.02.2012
Сообщений: 8

Спасибо, все работает. Но... как быть, если в checkbox уже установлен флажок изначально при загрузке страницы

<input type="checkbox" name="apname" id="apCheckDis" onclick="myfunc()" [B]checked[/B]>


(checked передает РНР из файла конфигурации). Т.е. когда

<input type="checkbox" name="apname" id="apCheckDis" onclick="myfunc()">
- работает, а

<input type="checkbox" name="apname" id="apCheckDis" onclick="myfunc()" [B]checked[/B]>
- не работает, вернее работает, но через цикл кликов (загрузка страницы -> активный checkbox(JS не срабатывает) -> click-> неактивный checkbox -> click ->активный checkbox(JS срабатывает). А как сделать чтобы и при загрузке страницы с активным checkbox-сом подключались кнопки radio?
Ответить с цитированием
  #5 (permalink)  
Старый 04.02.2012, 17:34
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

brigz,
Поставьте скрипт после формы и добавьте в него запуск функции.
Ответить с цитированием
  #6 (permalink)  
Старый 04.02.2012, 17:43
Новичок на форуме
Отправить личное сообщение для brigz Посмотреть профиль Найти все сообщения от brigz
 
Регистрация: 04.02.2012
Сообщений: 8

"добавьте в него запуск функции" - что под этим подразумевается (извиняюсь, в JS все не так как в РНР)?
Ответить с цитированием
  #7 (permalink)  
Старый 04.02.2012, 18:27
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

brigz,
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title></title>
</head>

<body>
<form id="form" name="form" method="post" action="">
    <div>
        <input type="checkbox" name="apname" id="apCheckDis" onclick="myfunc()" checked="checked">
    </div>
    <div id="new" style="display:none">

        <input type="radio" name="atname" value="0">
        <input type="radio" name="atname" value="1">
        </div>

</form>
<script type="text/javascript">
function myfunc() {
    if (document.form.apname.checked == true) {
                        document.getElementById('new').style.display = "block";


    } else{
                        document.getElementById('new').style.display = "none";

    }
}
myfunc()
</script>
</body>

</html>
Ответить с цитированием
  #8 (permalink)  
Старый 04.02.2012, 18:45
Новичок на форуме
Отправить личное сообщение для brigz Посмотреть профиль Найти все сообщения от brigz
 
Регистрация: 04.02.2012
Сообщений: 8

Спасибо всем за помощь!!! Все отлично работает!
Раед написал: "JavaScript, JavaScript... Им нельзя не восхищаться" - согласен...буду вникать.
СМЕСЬ JS И PHP = БОМБА
Ответить с цитированием
  #9 (permalink)  
Старый 04.02.2012, 19:47
Новичок на форуме
Отправить личное сообщение для brigz Посмотреть профиль Найти все сообщения от brigz
 
Регистрация: 04.02.2012
Сообщений: 8

Еще раз всем спасибо!
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
отключения стилей при drag&drop simple Элементы интерфейса 6 15.12.2011 19:18
Изменение псевдокласса DISABLED при активации события Electron Общие вопросы Javascript 30 14.11.2011 11:42
Изменение стилей при клике на ссылку Avro Элементы интерфейса 2 11.04.2011 19:19
Изменение стиля родительского элемента при :hover дочернего lanzs Элементы интерфейса 2 16.10.2010 13:28
выполнение ф-ии при изменении состояния radio MaxB Events/DOM/Window 5 24.06.2009 14:24