Форум

house.wm · #1 (**permalink**) 28.06.2010, 13:57

Есть 2 радиобаттона 1 и 2

id 1го = 1
id 2го = 2

есть div со стилем display:none

id div'а = div

при выборе радиобаттона 1, стиль у div'a должен поменяться, тоесть он должен стать видимым

где допусил ошибку?

$(document).ready(function(){

if (_.$(#1).is(':checked')) {
	        _.$(#div).style.display = checked ? '' : 'none';
	      }
};

sysya · #2 (**permalink**) 28.06.2010, 14:01

Что то новенькое, а что это _. ?
Может так всё-таки надо:

$(document).ready(function(){ 
  
  if ($('#1').is(':checked')) { 
           $('#div').style.display = 'none'; 
  } 
};

Skipp · #3 (**permalink**) 28.06.2010, 14:11

house.wm,
id не должен начинаться с цифры

exec · #4 (**permalink**) 28.06.2010, 14:12

sysya, у jQuery-объектов нет свойства style.

$(document).ready(function(){ 
  
  if ($('#1').is(':checked')) { 
           $('#div').hide(); 
  } 
};

Желательно не использовать ID из цифр (1) или имён других тегов (div), в IE с этим могу возникнуть проблемы.

sysya · #5 (**permalink**) 28.06.2010, 14:17

Сообщение от exec

sysya, у jQuery-объектов нет свойства style.

знаю, просто первичные вещи исправил, про style не подумал чё та. Вот бы автору учебнички бы почитать, а то меня аш заступорило

house.wm · #6 (**permalink**) 28.06.2010, 14:54

что то не получается

вот ссылка на пример http://healthsafetytest.co.uk/test_admin/9/test.php

<script>
$(document).ready(function(){ 
  
  if ($('#yes').is(':checked')) { 
           $('#box').hide();
  } 
});
</script>
<style>
#box{width:200px; height:40px; background:#CCC; margin-top:40px; display:none}
</style>
</head>

<body>

<input     name="yes" value="yes" id="yes" type="radio"><label for="yes">Yes</label>

<input   name="yes" value="no" id="no" type="radio"><label for="no">No</label>

<div id="box"></div>


</body>

exec · #7 (**permalink**) 28.06.2010, 14:57

Круглую скобочку в конце потеряли.

exec · #8 (**permalink**) 28.06.2010, 14:58

А DIV у вас всё равно пустой, show/hide не даст никакого эффекта.

house.wm · #9 (**permalink**) 28.06.2010, 15:01

а просто див нельзя чтоли скрывать показывать? <div id="box">444</div> сделал так, все равно никакого эффекта

exec · #10 (**permalink**) 28.06.2010, 15:43

Потому что проверка у вас выполняется всего один раз, при загрузке DOM.

$(document).ready(function(){ 
	$('#yes').change(function () {
		$('#box')[this.checked ? 'show' : 'hide']();
	});
});

});

Форум

Справочник

Discord чат

Курсы javascript