KCP API결제 버전 배포 - exec() 불가 환경 대응KCP exec() 불가 대응 버전 배포
이전 목록 다음
채택완료

제이쿼리 인풋테그에 글이 입력되면

그그누보드초보이용자
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-01-30 (수) 15:22:29 4,003

예를들어서 

이름 : 인풋 텍스트

성별 : 인풋 텍스트

확인버튼이 흰색에서

이름 성별값이 적혀있으면 확인버튼이 검정색 변경되는 코드...

어려운가요..?

완성코드나 .. 예제 잇으면 알려주시면 감사하겠습니다.

인풋 테그
|

답변 3개

채택된 답변
+20 포인트
탈탈퇴회원
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-01-30 (수) 15:36:07

[code]

$('#apply-form input').blur(function()
{
      if( !this.value ) {
            $(this).parents('p').addClass('warning');
      }
});

[code]

input 에 아무것도 없으면 parent 코드인 p에 warning 클래스를 추가합니다.

jun31019
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-01-30 (수) 15:38:50

대략 이렇게 하면 될거 같은데,, 아래 코드로 한번 해보세요! 

Copy 
이름 : <input type="text" id="text1">
        성별 : <input type="text" id="text2">
        
        <button style="background:#fff;" id="button">버튼</button>

        <script>
            
            $( function() {
                $("#text1").on("keyup", function() {
                    
                    if($(this).val() != ''){
                        //값이 있을 경우
                        $("#button").css({ 'background':'#000' });
                    }else{
                        //값이 없을 경우
                        $("#button").css({ 'background':'#fff' });
                    }
                });
                
            });

        </script>

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