Присваение стиля при выбранном radio button
Есть 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';
}
};
|
Что то новенькое, а что это _. ?
Может так всё-таки надо:
$(document).ready(function(){
if ($('#1').is(':checked')) {
$('#div').style.display = 'none';
}
};
|
house.wm,
id не должен начинаться с цифры |
sysya, у jQuery-объектов нет свойства style.
$(document).ready(function(){
if ($('#1').is(':checked')) {
$('#div').hide();
}
};
Желательно не использовать ID из цифр (1) или имён других тегов (div), в IE с этим могу возникнуть проблемы. |
Цитата:
|
что то не получается
вот ссылка на пример 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>
|
Круглую скобочку в конце потеряли.
|
А DIV у вас всё равно пустой, show/hide не даст никакого эффекта.
|
а просто див нельзя чтоли скрывать показывать? <div id="box">444</div> сделал так, все равно никакого эффекта
|
Потому что проверка у вас выполняется всего один раз, при загрузке DOM.
$(document).ready(function(){
$('#yes').change(function () {
$('#box')[this.checked ? 'show' : 'hide']();
});
});
}); |
Подскажите, вот этот код - при нажатии на радио он открывает div.
https://jsfiddle.net/spookyru/5mr1yn12/ Но при этом его не прячет при нажатии на другие радио и сколько я еще вариантов не пробовал: и с is.[':checked'], и с toggle, и с if bind(), и даже с проверкой val()... максимум, это чтобы поле (инпут или див - не важно) открывался только при клике на этот радиобаттон. В идеале же нужно, чтобы при выборе radio открывался див, а при других он скрывался. Казалось бы простая задача, но почему-то не идет (( И jquery по-хорошему 1.8.2 |
$(function() {
$('[name="radio_box"]').change(function () {
$('#text36')[$("#radio2").prop("checked") ? 'show' : 'hide']();
});
});
|
Огромное спасибо
|
| Часовой пояс GMT +3, время: 15:47. |