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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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