Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Написать условие (https://javascript.ru/forum/jquery/38342-napisat-uslovie.html)

aleksandrozz 28.05.2013 20:06

Написать условие
 
Здравствуйте! Подскажите пожалуйста, как можно написать условие:
В форме есть несколько радиобоксов, надо чтобы если выбран радиобокс с value="1" добавить элементу с id="exemple" css свойства display: block, в противном случае "none"

ksa 29.05.2013 12:19

Цитата:

Сообщение от 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>

aleksandrozz 29.05.2013 13:34

Цитата:

Сообщение от ksa (Сообщение 253336)
Как вариант...

<!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>

Спасибо большое!!! :dance:


Часовой пояс GMT +3, время: 04:31.