如何通过在 jQuery 或 Javascript 中单击按钮来禁用旋钮？

Question

我想通过单击按钮禁用我的旋钮。 我怎样才能使它成为可能。 这是我的 html 代码

<div class="knob_control">
    <input id="bluegainControl" class="knob_control" 
           data-width="80"data-cursor=true data-fgColor="#00255B" data-thickness=.3 value="0">
</div> 

这是我在按钮单击中添加的代码。 但它不起作用

$("#bluegainControl").prop("disabled", "disabled"); 

Answer 1

如果我正确理解了您的问题，请尝试此操作，一个按钮将禁用输入，另一个按钮将启用它。

您的代码运行良好，我不清楚为什么您的代码对您不起作用，因为您没有发布相关代码。

使用click方法来跟踪您的点击事件。

 $('#dBtnClk').click(function(){ $('#bluegainControl').prop('disabled', true); }); $('#eBtnClk').click(function(){ $('#bluegainControl').prop('disabled', false); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="knob_control" id="knob_control"><input id="bluegainControl" class="knob_control" data-width="80"data-cursor=true data-fgColor="#00255B" data-thickness=.3 value="0"></div> <button id="dBtnClk">Disable Input</button> <button id="eBtnClk">Enable Input</button>