금액 단위에 따라 색깔이 변하는... 정보
금액 단위에 따라 색깔이 변하는...
본문
안녕하세요.
모두 좋은 휴일 즐기고 계신가요 ^^
다름이 아니라, 인풋창에 금액을 적을때 금액의 단위
예로 100원 단위일때는 뭐 파란색 1,000원 단위일때는 빨간색이런식으로 구분을 해주는 액션을 어디서 본거 같았는데 기억이 나질 않네요..;;
혹 알고 계시다면 댓글로 알려주시면 너무너무나~하 감사 드리겠습니다!!^^
다시 한번 좋은 휴일들 보내시구요. 현재 제가 있는 서울은 날씨가 좋네요 ㅎㅎ 따뜻한 캔커피 하나 사러 갔다
와야겠습니다!!~~
추천
0
0
댓글 2개
jQuery 공부 시작하다 말았는데...
이런식으로 하면 될 것 같기는 해요. 콤마 넣는 건 아직 제 능력 밖...ㅜㅜ
<input type="text" id="amount" />
<script type="text/javascript">
$(document).ready(function() {
$('#amount').keyup(function() {
var colorOfAmount;
switch($(this).val().length % 3) {
case 0:
colorOfAmount = '#F00';
break;
case 1:
colorOfAmount = '#0F0';
break;
case 2:
colorOfAmount = '#00F';
break;
}
$(this).css({'color': colorOfAmount});
});
});
</script>
이런식으로 하면 될 것 같기는 해요. 콤마 넣는 건 아직 제 능력 밖...ㅜㅜ
<input type="text" id="amount" />
<script type="text/javascript">
$(document).ready(function() {
$('#amount').keyup(function() {
var colorOfAmount;
switch($(this).val().length % 3) {
case 0:
colorOfAmount = '#F00';
break;
case 1:
colorOfAmount = '#0F0';
break;
case 2:
colorOfAmount = '#00F';
break;
}
$(this).css({'color': colorOfAmount});
});
});
</script>
자릿수로 하여금 실시간으로 판단하여 색을 입히면됩니다. 윗소스가 맞는듯하네요.
콤마같은경우는 자바 스크립트에도 제거 소스가 있으니 ,를 제거하면 될듯합니다.
콤마같은경우는 자바 스크립트에도 제거 소스가 있으니 ,를 제거하면 될듯합니다.
