@Genri_Rus

Как в input вывести value range ползунков?

Вот пример: https://codepen.io/Genri_Rus/pen/pMjKeP

<div class="price-slider">
	<input value="0" min="0" max="100" step="0.5" type="range">
	<input value="100" min="0" max="100" step="0.5" type="range">
</div>

<div class="text-value">
  <input class="value-left" value="0">
  <input class="value-right" value="0">
</div>

const slider = $('.price-slider');
slider.on('input', updatePriceLabels);

function updatePriceLabels() {
    var sliders = slider.children('input');
    var x, y = 0;

    var val1 = parseInt(sliders[0].value);
    var val2 = parseInt(sliders[1].value);
    
    if (val1 >= val2) {
        sliders[1].value = val1 - 0;
        return; 
    }


Как выводить значения value ползунков в отдельном блоке ?
  • Вопрос задан
  • 481 просмотр
Решения вопроса 1
@tixxxxon
Я стараюсь быть веб-разработчиком
const slider = $('.price-slider');
const val_outputs = [
  $('.left-range'),
  $('.right-range')
];
slider.on('input', updatePriceLabels);

function updatePriceLabels() {
    var sliders = slider.children('input');
    var x, y = 0;

    var val1 = parseInt(sliders[0].value);
    var val2 = parseInt(sliders[1].value);
    
    if (val1 >= val2) {
        sliders[1].value = val1 - 0;
        return; 
    }

   //....
  //после всех проверок 
    val_outputs[0].val(val1);
    val_outputs[1].val(val2);
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы