javascript - BS4 : Disable Button with a button

Question

我目前正在尝试自学 BS4 以完成我正在开发的项目@work。基本上我有一个按钮组(2 个。左边一个是事件的，右边一个是禁用的)我想做的是禁用左边的按钮并激活右边的按钮，反之亦然。 Here is the code :

<div class="btn-group">
     <button type="button" id="showscore" class="btn btn-success">Show</button>
     <button type="button" id="hidescore" class="btn btn-danger" disabled>Hide</button>
</div>

还有 JS:

function lockbutton() {
    var x = document.getElementById("#showscore").button;
    if(x.click()) {
        document.getElementById("hidescore").disabled = true;
    } else{
        document.getElementById("hidescore").disabled = false; 
    }
}

不要为了 JS/jQuery 代码而 mock 我。我已经知道这是错误的。但我找不到解决方法。

Answer 1

您可能想要使用 bootstrap 中包含的 jQuery 库。

$(document).ready(function() {

    $('#showscore').click(function() {
        $('#hidescore').prop('disabled', false);
        $(this).prop('disabled', true);
    });

    $('#hidescore').click(function() {
        $('#showscore').prop('disabled', false);
        $(this).prop('disabled', true);
    });

});