반응형


jquery 사용 시.


화면에서 특정 영역(항목?) 숨기기/나타내기.



<script>

function hide() {

    $("#hh").hide();                            // 숨기기. 영역도 같이 사라짐.

    $("#hh").toggle();                         // hide(), show() 함수가 toggle 됨.

    $("#hh").css('visibility', 'hidden'); // 숨기기. 영역은 같이 사라지지 않음.

    $("#hh1").attr("disabled", "true"); // 숨기기는 아님. form 으로 전달되지 않음.

}


function show() {

    $("#hh").show();                            // 나타내기. 영역도 같이 나타남.

    $("#hh").toggle();                           // hide(), show() 함수가 toggle 됨.

    $("#hh").css('visibility', 'visible');   // 나타내기. 영역은 그대로 있음.

    $("#hh1").attr("disabled", "false");  // 숨기기는 아님. form 으로 넘길지 여부.

}

</script>



<form method="get" action="test.jsp">

<div id="hh">

<input type="text" name="hh1" id="hh1" value="hh1" readonly />

</div>

<div id="ss">

<input type="text" name="ss1" id="ss1" value="ss1" />

</div>

<input type="button" id="btn1" value="hide" onclick="javascript:hide();" />

<input type="button" id="btn2" value="show" onclick="javascript:show();" />

<input type="submit" id="btn3" value="submit" />

</form>



반응형

'프로그래밍 > Javascript' 카테고리의 다른 글

prototype  (0) 2018.12.20
javascript containsAll  (1) 2016.11.04
jquery crossdomain ajax jsonp  (1) 2015.10.30
한글, 영문 check  (0) 2011.12.27
ajax 예제  (3) 2011.12.02

+ Recent posts