Javascript 仅当单击其他按钮时，使按钮处于非活动状态

我有以下情况：

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

<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">

---

我希望有人能帮我解决这个问题。

您可以使用

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);
});

您可以使用jQuery的和

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

---

在代码中使用以下内容：

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

---

使用按钮的

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'>

工作小提琴

使用以下工具：

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

这是你的电话号码

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