script.aculo.us 滑块 setDisabled 选项

script.aculo.us 库是一个跨浏览器库，旨在改进网站的用户界面。 Slider 控件是允许用户输入值的细轨道。它是通过定义一个值范围来完成的，用户可以通过将手柄拖动到适当的值来选择这些值。

Sliders setDisabled函数用于禁用给定的滑块。已启用的滑块已禁用 属性设置为 false 并且可以由用户进行交互。使用此函数设置禁用 属性为 true 并阻止用户与滑块交互。

句法：

setDisabled()

参数：此函数没有参数。

例子：

HTML

  

  
    
    
    
  
    
    
  
    
    
        .track {
            width: 250px;
            background-color: gray;
            height: 5px;
            position: relative;
        }
  
        .track .handle {
            width: 20px;
            height: 10px;
            background-color: green;
            cursor: move;
            position: absolute;
            top: -2px;
        }
  
        .pad {
            padding: 25px;
        }
    

  

    
        GeeksforGeeks
    
  
    Sliders setDisabled
  
    
        An enabled slider can be disabled 
        by using the setDisabled() method 
        as shown below.
    
  
  
    
        
            
            
        
    
  
  
    Current Slider 1 Value:
        0
    
  
  
    
        
            
            
        
    
    
        Disable Second Slider
    
  
    Current Slider 2 Value:
        0
    
  
    
  
        // Initialize the slider
        let slider = new Control.Slider('handle-hor',
            'track-hor', {
  
            // Define the range
            range: $R(1, 100),
  
            onSlide: (val) => {
                document.querySelector("#out")
                    .textContent = val;
            }
        });
  
        let slider2 = new Control.Slider('handle-hor2',
            'track-hor2', {
  
            // Define the range
            range: $R(1, 100),
  
            onSlide: (val) => {
                document.querySelector("#out2")
                    .textContent = val;
            }
        });
  
        function disableSlider() {
  
            // Set the value of the slider
            // to the given value
            slider2.setDisabled();
        }
    

  

输出：