Question

我正在使用我在网站上找到的滑块代码。它运行良好，但我想对代码进行一些小改动。我还在学习Javascript，所以我不太清楚如何完成这项工作。

以下是我正在使用的代码。

<div class="demo">

<div class="SliderControl">
    <label for="s1">Slider 1:</label>
    <input type="text" class="SliderText" readonly="readonly" id="s1" name="s1"/>
    <div class="RatingSlider" id="s1Slider"></div> 
</div>

<div class="SliderControl">
    <label for="s2">Slider 2:</label>
    <input type="text" class="SliderText" readonly="readonly" id="s2" name="s2"/>
    <div class="RatingSlider" id="s2Slider"></div> 
</div>
<div class="SliderControl">
    <label for="s3">Slider 3:</label>
    <input type="text" class="SliderText" readonly="readonly" id="s3" name="s3"/>
    <div class="RatingSlider" id="s3Slider"></div> 
</div>
</div>

<script type="text/javascript">
    $('.RatingSlider').each(function(idx, elm) {
            var name = elm.id.replace('Slider', '');
        $('#' + elm.id).slider({
                value: 3,
                min: 0,
                max: 5,
                step: .5,
                slide: function(event, ui) {
                    $('#' + name).val(ui.value);
                }
            });
    });
</script>

现在输入表单显示滑块的当前值。相反，我希望它显示差，公平，平均等。例如：如果滑块的值是3，我希望输入框中的文本是公平的。我想我必须使用数组，然后传递值，但我不知道如何完成它。如果有人能指出我正确的方向，我会很感激。感谢

Form Slider需要进行小的更改

0 个答案: