인풋타입 금액 콤바? 방법
본문
안녕하세요 질문좀 드리겠습니다
<input type="text" id="amount2" numberOnly readonly style="border:0; color:#f6931f; font-weight:bold;">
여기부분에 숫자가 표기가 되는데요
자동으로 3자리 콤마 찍히도록 가능할까요?
아그리고 혹시 100단위로도 가능한지 궁금합니다.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Slider</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<script>
$(function() {
$("#slider-range-max").slider({
range: "max",
min: 0,
max: 10,
value: 2,
slide: function(event, ui) {
$("#amount").val(ui.value);
}
});
$("#amount").val($("#slider-range-max").slider("value"));
$("#slider-range").slider({
range: true,
min: 0,
max: 200000,
values: [10000, 40000],
slide: function(event, ui) {
$("#amount2").val("₩ " + ui.values[0] +"원"+ " - ₩ " + ui.values[1] + "원 이상");
}
});
$("#amount2").val("₩ " + $("#slider-range").slider("values", 0) +"원"+ " - ₩ " + $("#slider-range").slider("values", 1)+ "원 이상");
});
</script>
</head>
<style>
#amount2 {width: 100%;}
</style>
<body>
<div style="padding:20px;text-align:center;">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- source.uhoon.co.kr -->
<ins class="adsbygoogle"
style="display:inline-block;width:100%;height:60px"
data-ad-client="ca-pub-4169082997566429"
data-ad-slot="5725636632"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<p>
<input type="text" id="amount2" numberOnly readonly style="border:0; color:#f6931f; font-weight:bold;">
</p>
<div id="slider-range"></div>
</body>
</html>
답변을 작성하시기 전에 로그인 해주세요.