javascript - 仅在单击其他按钮时使按钮无效

Question

我有以下情况：

我有一个“下一步”按钮：

<a href="/NL/checkout/selectshippingaddress?addressId=" class="customNextStep">
    <input type="button" class="button-1 shipping-adress-next-step-button" value="Next" name="nextstep">
</a>

这个按钮首先应该是不活动的。只有当用户点击另一个按钮时，它才应该是可点击的：

<input type="button" onclick="" class="button-1 select-shipping-address-button" data-itemid="197" value="Send to this address">

我希望有人可以帮助我解决这个问题。

Answer 1

您可以使用attr()和removeAttr()jQuery

$("input[name='nextstep']").attr('disabled','disabled');
$('.button-1').on('click',function(e){
   e.preventDefault();
   $("input[name='nextstep']").removeAttr('disabled');
});

小提琴示例

Answer 2

使用以下：

jQuery('input[name=nextstep]').attr('disabled','disabled')
$('.select-shipping-address-button').on('click',function(e){
    jQuery('input[name=nextstep]').removeAttr('disabled')
})

这是工作演示

Answer 3

您可以使用disabled属性来打开和关闭按钮。

//on document.ready, disable your second button
$(selector).prop("disabled", true);

// on the click on first button enable it again
$(selector_first_button).click(function() {
    $(selector).prop("disabled", false);
});

Answer 4

在您的代码中使用以下内容：

    <input type="button" id="bt1" value="button 1" />
    <input type="button" id="bt2" value="button 2" disabled="disabled" />

现在应用你想要的任何逻辑，比如

$(function(){
    $("#bt1").click(function(){
        $(this).attr("disabled", "disabled");
        $("#bt2").removeAttr("disabled");
    });

Answer 5

利用disabled按钮的属性。喜欢，

<input type="button" onclick="document.getElementById('next_button').disabled=false;" class="button-1 select-shipping-address-button" data-itemid="197" value="Send to this address">
<input type="button" class="button-1 shipping-adress-next-step-button" value="Next" name="nextstep" disabled='true' id='next_button'>

在这里工作小提琴