Диапазон ввода подключен

Я не могу понять, как я могу соединить два входных диапазона.

$('#SF_range').on('input', function() {
    console.info('SDBX = ' + this.value + ' | Seafile = ' + $('#SDBX_range').val());
    var add = (this.max - this.value) + $('#SDBX_range').val();
    $('#SDBX_range').val(add);
    console.info('SDBX = ' + this.value + ' | Seafile = ' + $('#SDBX_range').val()); 
});
$('#SDBX_range').on('input', function() {
    var add = (this.max - this.value) + $('#SF_range').val();
    $('#SF_range').val(add);
    console.info('SDBX = ' + this.value + ' | Seafile = ' + $('#SF_range').val());
 });

<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
SDBX
<input type = "range" min = "0" max = "400" value = "400" class = "mdl-slider mdl-js-slider" id = "SDBX_range">
                                    
Coffre
<input type = "range" min = "0" max = "400" value = "100" class = "mdl-slider mdl-js-slider" id = "SF_range">

Цель состоит в том, чтобы передать значение одного входа другому.

Диапазон ввода подключен

Значит, когда один изменяется, другой получает то же значение? Или что, когда вы настраиваете одно, значение другого становится максимальным?

— 19.11.2018 16:50

Под «передачей» я предполагаю, что вы имеете в виду, что сумма обоих ползунков должна быть 400 ...?

— 19.11.2018 16:50

Я имею в виду, что если я удалю 50 из input1, я добавлю 50 к input2

— 19.11.2018 16:51

Что с этим сложно? Макс - значение другого = новое значение

— 19.11.2018 16:51

@epascarello like (this.max - this.value) + value_of_other?

— 19.11.2018 16:53

нет .... вы не должны заботиться о ценности другого. other.value = this.max - this.value

— 19.11.2018 16:54

Почему ? Если я хочу добавить / удалить какое-то значение?

— 19.11.2018 16:55

Вы ПОПРОБОВАЛИ ЭТО?

— 19.11.2018 16:57

Хотел понять

— 19.11.2018 16:58

Не уверен, что трудно понять. базовая математика: one.value + two.value = max.value, поэтому 'two.value = max.value - one.value` и' one.value = max.value - two.value`

— 19.11.2018 17:00

javascript jquery html

19.11.2018 16:47

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

188

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Не знаю, правильно ли я понял вашу проблему ...

var $sf = $('#SF_range');
var $sdbx = $('#SDBX_range');

$sf.on('input', function() {
  $sdbx.val(this.max - this.value);
  console.info('SDBX =', $sdbx.val(), ' | Seafile = ', $sf.val());
});
$sdbx.on('input', function() {
  $sf.val(this.max - this.value);
  console.info('SDBX =', $sdbx.val(), ' | Seafile = ', $sf.val());
});

<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
SDBX
<input type = "range" min = "0" max = "400" value = "400" class = "mdl-slider mdl-js-slider" id = "SDBX_range">
                                    
Coffre
<input type = "range" min = "0" max = "400" value = "100" class = "mdl-slider mdl-js-slider" id = "SF_range">

19.11.2018 16:56

Другие вопросы по теме

Удалить последний добавленный конкретный символ при нажатии клавиши?

Почему мой возврат из jQuery в Velocity пуст?

Как обновить текстовое поле в HTML-форме, когда заполнено другое текстовое поле?

JQuery: как добавить список объектов в Ajax

Как я могу переключить весь HTML-файл в браузере, изменив выбранный язык?

Событие JQuery не является функцией

Как ajax загрузить и проверить mp3-файл по сети, не воспроизводя его?

Выделите динамически сгенерированную таблицу mysql на основе выделения пользователем и постоянного хранения информации

Класс не поддерживается для десериализации массива

WebStorm выделяет все $ -операторы как «неизвестные» в проекте jQuery

Диапазон ввода подключен

Ответы 1

Другие вопросы по теме

Похожие вопросы