406
2009 19 января

Show\hide в формах (checkbox && Jquery)

Show hide в формах checkbox  JqueryБанальнейшая вещь в своей приятности - по клику на элемент показать\скрыть содержимое определенного блока. Понадобилось мне сделать такую полезность для большой формы - при отмеченном checkbox дать пользователю возможность выбора определенных параметров. Собственно решение ниже. Понадобится дополнительное включение jquery, весь же остальной код приведен ниже.
1
23
45
67
89
1011
1213
1415
16
$(document).ready(function(){
        //по умолчанию скрываем DIV        $("#tblview").css("display","none");
        // добавляем onclick на checkbox w/id param        $("#param").click(function(){
                // If checked                if ($("#param").is(":checked"))
                {                        //показываем скрытый слой
                        $("#tblview").show("fast");                } else {
                        //скрываем его                        $("#tblview").hide("fast");
                }        });
});
1
23
4
<form>
<input id="param" type="checkbox" /><label for="param">показать скрытый элемент:</label></form>
<div id="tblview">Скрытое содержимое блока</div>
Пример работы