从现场选择数据

时间:2013-11-21 06:21:47

标签: javascript

我是js方面的新手,我需要制作一个不提供数据的计算器,但需要从现场获取数据。为了说明我做了这个文件

jsfiddle.net/HHv3y/3/

<input id="id1" type="range" min="1" step="1" max="6" value="1" onChange="sliderChange(); setValue1(this.value)" />                                                                                     
<br>
<input id="id2" type="range" min="1" max="4" value="1" step="1" onChange="sliderChange(); setValue2(this.value)" />
result: <span id="sliderStatus">12</span>

只有两个滑块(长度为1-6步)和一个结果字段。在jsFiddle中我想设置一个字段的例子。

我只需要显示两个滑块的交叉点的值,它代表一个足够的输入字段。

1 个答案:

答案 0 :(得分:0)

尝试这种简单的方法。

function sliderChange() {
    var var1 = document.getElementById('id1').value;
    var var2 = document.getElementById('id2').value;
    if (var1 == var2) {  //If both values are equal show the result
        document.getElementById('sliderStatus').innerHTML = var1;
    } else {
        alert('Not interscted');
    }
}

每当值相等时,将显示结果值。

JSFiddle