테스트 사이트 - 개발 중인 베타 버전입니다

인풋타입 금액 콤바? 방법 채택완료

코딩초보1 6년 전 조회 2,635

안녕하세요 질문좀 드리겠습니다

         여기부분에  숫자가 표기가 되는데요 

자동으로 3자리 콤마 찍히도록 가능할까요?

아그리고 혹시 100단위로도 가능한지 궁금합니다.

 

 

</p>

<p>

<!doctype html>

<html lang="en"></p>

<p><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"));</p>

<p>

            $("#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)+ "원 이상");</p>

<p>             

        });

    </script>

</head></p>

<p>

<style>

#amount2 {width: 100%;}

</style>

<body></p>

<p>

    <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>

<p> 

    <p>

        <input type="text" id="amount2" numberOnly readonly style="border:0; color:#f6931f; font-weight:bold;">

    </p>

    <div id="slider-range"></div></p>

<p> 

</body>

 

</html></p>

<p>

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

답변 2개

채택된 답변
+20 포인트

numberOnly  << 숫자만 찍히기 때문에 일단 이건 삭제

로그인 후 평가할 수 있습니다

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

인터넷 검색하면 콤마에 관해서 많이 나오네요.. 검색방법 " 자동콤마 "

로그인 후 평가할 수 있습니다

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

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

로그인