채택완료

input box 텍스트 입력시 지우기 버튼

2020-04-23 (목) 15:24:56 4,217

검색사이트들보면

인풋박스에 검색어 입력시(포커스x) 지우기버튼이 활성화되었다가 검색어가 없으면 비활성화 되는 버튼 만들기!

예시) 구글 등에서 포커스인 때는 없다가 텍스트 입력하면 우측에 x버튼

어떻게 해야할까요?

고수님들 헬프미!욥 ㅠㅠ

|

답변 1개

채택된 답변
+20 포인트

input 에 값이 있는지 체크해서.. 없을때는 숨기고..

있는때는 보여지게 처리하면 됩니다.

Copy
$("검색 입력창").keyup(function () {

    if($(this).val()) {

        $("지우개아이콘").show();

    } else {

        $("지우개아이콘").hide();

    }

});

답변을 작성하려면 로그인이 필요합니다.