如何通過在 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>