私は html5 type='range' スライダーを使用していますが、そのうちの 3 つがあります。私の要件は、3 つのスライダーの合計選択値が 250 を超えないようにすることです
。たとえば、slider1 =100、slider2 =100、slider3 =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;
}