-1

我正在使用 html5 type='range' 滑块，其中有 3 个。我的要求是 3 个滑块的总选择值不得超过 250。
例如：滑块 1 =100 滑块 2 =100 滑块 3 =50

并且这些滑块的总和不能超过 250（总和 = 100+100+50），这在上面的示例中是正确的。

粘贴下面的小提琴链接。也请在 chrome 浏览器中打开小提琴链接。

function updateSlider(obj){

    id = obj.id;
    sum = sum123();

    if(sum>250){

        alert('Max reached');
        return false;
    }
    document.getElementById('span'+id).innerHTML = obj.value 
}
function sum123(){
    var i = parseInt(document.getElementById('slide').value);
    var j = parseInt(document.getElementById('slide1').value);
    var k = parseInt(document.getElementById('slide2').value);
    var sum = i+j+k;
    if(sum>250){
        arr['i'] = i;
        arr['j'] = j;
        arr['k'] = k;
    }
    return i+j+k;
}

http://jsfiddle.net/kapilgopinath/2yLuj/4/

4

1 回答 1

1

基本上您需要做的是检查输入，如果总值超过 250，请将已更新的输入设置为安全值，如下所示：

function updateSlider(obj){

    var id = obj.id;
    var sum = sum123();
    var oldValue = parseInt(obj.value);

    if(sum>250){
        //alert('Max reached');
        obj.value = 250 - sum + oldValue;
    }
    document.getElementById('span'+id).innerHTML = obj.value 
}

小提琴

于 2013-07-26T22:35:49.580 回答