0

Как я могу заблокировать input type range по клику ?

<template>
  <div>
    <input type="range" />
    <button>block/ unblock</button>
  <div>
</template>

  • поменять его цвет на синый (когда он заблокирован) если он не заблокирован - цвет серый

1 ответ 1

0
<input type="range" />
<button onclick="changeDisabled()">block/ unblock</button>
function changeDisabled(){
    var input = document.getElementsByTagName('input')[0];
    var val = input.getAttribute('disabled');
    if(val == null) input.setAttribute('disabled','disabled');
    else input.removeAttribute ('disabled');

}

4
  • по-умолчанию в хроме цвет range синий когда активен, и серый когда заблокирован. в других браузерах это тоже визуализируется. Commented 10 дек. 2020 в 19:35
  • настроить свойства ксс для тегов input (тем более range) весьма сложно. я лично для этих целей использую костыли (наложение стилизованных под range блоков поверх input. + js) Commented 10 дек. 2020 в 19:44
  • нужно на vue )) Commented 10 дек. 2020 в 19:53
  • Ну так перепишите на vue
    – Dmytro
    Commented 10 дек. 2020 в 21:03

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.