评分插件-滑动取值

时间：2023-06-06浏览次数：471

示例：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
<title>demo</title>
<link rel="stylesheet" href="jquery.range.css">
<script src="jquery.min.js"></script>
</head>
<body>
    <div style="padding:20px">
        <div>
            <input type="hidden" value="0" name="num">
        </div>
    </div>
    <script src="jquery.range.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('.single-slider').jRange({
                from: 0,
                to: 10,
                step: 1,
                scale: [0,1,2,3,4,5,6,7,8,9,10],
                format: '%s',
                width: 300,
                showLabels: true,
                snap: true
            });
        });
    </script>
</body>
</html>

demo.zip

评分插件-滑动取值

相关推荐

关于我们

阅读排行