Question

我目前正在为自己正在开发@work的项目自学BS4。基本上，我有一个按钮组（共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代码而烦我。我已经知道这是错误的。但是我找不到解决它的方法。

Answer 1

您可能要使用引导程序中包含的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);
    });

});

BS4：使用按钮禁用按钮

1 个答案: