Javascript.RU

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

Написать условие
Здравствуйте! Подскажите пожалуйста, как можно написать условие:
В форме есть несколько радиобоксов, надо чтобы если выбран радиобокс с value="1" добавить элементу с id="exemple" css свойства display: block, в противном случае "none"
Ответить с цитированием
  #2 (permalink)  
Старый 29.05.2013, 12:19
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,205

Сообщение от aleksandrozz
если выбран радиобокс с value="1" добавить элементу с id="exemple" css свойства display: block, в противном случае "none"
Как вариант...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
#exemple {
	display: none;
}
</style>
<script type="text/javascript">
$(document).ready(function (){
	$('input:radio').click(function (){
		 $('#exemple').css('display',(this.value==1)? 'block': 'none');
	});
});
</script>
</head>
<body>
<input type='radio' name='test' value='0' />0
<input type='radio' name='test' value='1' />1
<input type='radio' name='test' value='2' />2
<input type='radio' name='test' value='3' />3
<p id='exemple'>exemple</p>
</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 29.05.2013, 13:34
Новичок на форуме
Отправить личное сообщение для aleksandrozz Посмотреть профиль Найти все сообщения от aleksandrozz
 
Регистрация: 28.05.2013
Сообщений: 2

Сообщение от ksa Посмотреть сообщение
Как вариант...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
#exemple {
	display: none;
}
</style>
<script type="text/javascript">
$(document).ready(function (){
	$('input:radio').click(function (){
		 $('#exemple').css('display',(this.value==1)? 'block': 'none');
	});
});
</script>
</head>
<body>
<input type='radio' name='test' value='0' />0
<input type='radio' name='test' value='1' />1
<input type='radio' name='test' value='2' />2
<input type='radio' name='test' value='3' />3
<p id='exemple'>exemple</p>
</body>
</html>
Спасибо большое!!!
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Необходимо написать условие для передачи данных в инпут tiksi jQuery 2 28.05.2013 16:34
условие при переходе Q4Dizzy Общие вопросы Javascript 1 12.04.2012 13:02
Как в JS написать такое условие if (isset($_COOKIE['name'])) ? Триви Общие вопросы Javascript 2 14.08.2011 11:53
Как написать цыкл each serhanters jQuery 7 24.04.2011 11:16
Условие типа для flv nemo Серверные языки и технологии 1 29.01.2010 17:52