본문 바로가기
Developer/Javascript & jQuery

[jquery] 금액박스

by 순수한소년 2017. 1. 30.
728x90
반응형
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>jQuery UI</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/redmond/jquery-ui.min.css" />
</head>
<body>
    <form>
        <label for="price">정가:</label>
        <input id="price" type="text" value="1000" size="10" />
        <input id="price1" type="text" value="11100" size="10" />
    </form>
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
    <script src="js/globalize.js"></script>
    <script src="js/globalize.culture.ko-KR.js"></script>
    <script>
        $(function() {
            $('#price').spinner({
                max : 10000,
                min : 1000,
                step : 10,
                culture : 'ko-KR',
                numberFormat : 'c1'
            });
        });
        
        $(function() {
            $('#price1').spinner({
                max : 11100,
                min : 1000,
                step : 100
            });
        });
    </script>
</body>
</html>
cs


jQuery UI
728x90
반응형