Показ-скрытие элемента формы или div по чекбоксу
Как просто на чистом JavaScript сделать чекбокс, при выделении которого появляется любой элемент с ID "whatever", а при снятии выделения - исчезает?
<HEAD>
<TITLE></TITLE>
<script type="text/javascript"><!--
function showHide (id)
{
var style = document.getElementById(id).style
if (style.visibility == "hidden")
style.visibility = "visible";
else
style.visibility = "hidden";
}
--></script>
</HEAD>
<BODY>
<input type="checkbox" onclick="showHide('whatever');" />
<input name="name" type="text" size="38" value='Текстовое поле, например' id="whatever" style="visibility:hidden">
</BODY>
</HTML>
Еще проще, для radio input:
<input type="radio" name="test" value="showIT" onclick="document.getElementById('thisID').style.visibility='visible';">показать<br><br>
<span id="thisID" style="visibility:hidden">
мудрый контент
</span>
Тут лучше подключить jQuery и оттолкнуться от какого-то такого кода:
$("input:checkbox").removeAttr("checked"); // снимает галочку со всех checkbox-ов
Finar.
Отвечаю на вопрос "куда копать": $("input:enabled");
и статья jQuery для начинающих. Часть 4. Селекторы. Вот пример простейшей функции на jQuery:
$('#13-step').bind("change", function () { // если raido-button с id=13-step нажата
$("#14-step").find("input").removeAttr("disabled"); // включить элемент input с id=14-step
step14Probeg(); // и запустить следующую функцию
});
};
Всегда пожалуйста!
Finar.